Color picker

#5f6b95

Conversion

HEX#5f6b95
HEX8#5f6b95ff
RGBrgb(95, 107, 149)
CMYK[0.36,0.28,0,0.42]
Name#5f6b95
HCL[284.33,25.15,45.79]
oklab[0.53,0,-0.07]
Num6253461
HSI[227.78,0.19,0.46]
lab[45.79,6.23,-24.37]
Lighten
#9ba3bf
Darken
#373e57
Saturate
#475dad
Desaturate
#77797d
Greyscale
#7a7a7a
Brighten
#929ec8

Color harmonies of #5f6b95

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.
#5f6b95
#955f6b
#6b955f

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.
#5f6b95
#955f86
#95895f
#5f956e

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.
#5f6b95
#7a8abf
#95a8ea
#0e0f15
#292e40
#444c6a

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.
#5f6b95
#5f8195
#5f7695
#5f6b95
#5f6095
#695f95

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5f6b95
#945f95
#81955f

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
#f4f4f7
#e8eaf0
#dddfe8
#d1d5e1
#c6cad9
#bac0d2
#afb5ca
#a4aac2
#98a0bb
#8d95b3
#818bac
#7680a4
#6a769d
#5f6b95

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#07080b
#0e0f15
#141720
#1b1f2b
#222635
#292e40
#30364b
#363d55
#3d4560
#444c6a
#4b5475
#515c80
#58638a
#5f6b95

Contrast Checker

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

5.219 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.024 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 #5f6b95

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

Use #5f6b95 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet