Color picker

#5f7093

Conversion

HEX#5f7093
HEX8#5f7093ff
RGBrgb(95, 112, 147)
CMYK[0.35,0.24,0,0.42]
Name#5f7093
HCL[277.12,21.27,47.14]
oklab[0.55,-0.01,-0.06]
Num6254739
HSI[221.3,0.19,0.46]
lab[47.14,2.64,-21.1]
Lighten
#9aa6be
Darken
#374155
Saturate
#4768ab
Desaturate
#77787b
Greyscale
#797979
Brighten
#92a3c6

Color harmonies of #5f7093

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.
#5f7093
#935f70
#70935f

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.
#5f7093
#935f8a
#93825f
#5f9368

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.
#5f7093
#7a90bd
#96b1e8
#0d0f13
#282f3e
#445068

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.
#5f7093
#5f8593
#5f7a93
#5f7093
#5f6693
#635f93

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5f7093
#8c5f93
#85935f

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
#f4f5f7
#e8ebf0
#dde0e8
#d1d6e0
#c6ccd8
#bac2d1
#afb8c9
#a4adc1
#98a3ba
#8d99b2
#818faa
#7684a2
#6a7a9b
#5f7093

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#07080b
#0e1015
#141820
#1b202a
#222835
#29303f
#30384a
#364054
#3d485f
#445069
#4b5874
#51607e
#586889
#5f7093

Contrast Checker

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

4.97 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!
4.226 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!

Color Palettes #5f7093

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

Use #5f7093 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet