Color picker

#5faecd

Conversion

HEX#5faecd
HEX8#5faecdff
RGBrgb(95, 174, 205)
CMYK[0.54,0.15,0,0.2]
Name#5faecd
HCL[236.04,27.95,67.36]
oklab[0.71,-0.06,-0.06]
Num6270669
HSI[195.86,0.4,0.62]
lab[67.36,-15.61,-23.18]
Lighten
#add5e5
Darken
#2f7a97
Saturate
#4ab7e2
Desaturate
#74a5b8
Greyscale
#969696
Brighten
#92e1ff

Color harmonies of #5faecd

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#5faecd
#cd5fae
#aecd5f

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#5faecd
#b55fcd
#cd7e5f
#77cd5f

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#5faecd
#73d2f7
#101e23
#24424d
#386678
#4b8aa2

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#5faecd
#5fcdc0
#5fc4cd
#5faecd
#5f98cd
#5f82cd

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5faecd
#945fcd
#cdc05f

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f4f9fb
#e8f3f8
#ddeef4
#d1e8f1
#c6e2ed
#badcea
#afd7e6
#a4d1e2
#98cbdf
#8dc5db
#81bfd8
#76bad4
#6ab4d1
#5faecd

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070c0f
#0e191d
#14252c
#1b323b
#223e49
#294b58
#305767
#366375
#3d7084
#447c92
#4b89a1
#5195b0
#58a2be
#5faecd

Contrast Checker

Verify the contrast of a #5faecd colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

2.493 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
8.423 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #5faecd

Some examples of color palettes with #5faecd. View more

Use #5faecd in CSS

#5faecd as Background Color in CSS
<div style="background-color:#5faecd">Background Color</div>
#5faecd as Text Color in CSS
<div style="color:#5faecd">Text Color</div>
#5faecd as Border Color in CSS
<div style="border-color:#5faecd">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet