#5f689e hex color

In a RGB color space, hex #5f689e is composed of 37.3% red, 40.8% green and 62% blue. Whereas in a CMYK color space, it is composed of 39.9% cyan, 34.2% magenta, 0% yellow and 38% black. It has a hue angle of 231.4 degrees, a saturation of 24.9% and a lightness of 49.6%. #5f689e color hex could be obtained by blending #bed0ff with #00003d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 41
- B 62
RGB color chart
- C 40
- M 34
- Y 0
- K 38
CMYK color chart

● #5f689e color description : Mostly desaturated dark blue.

The hexadecimal color #5f689e has RGB values of R:95, G:104, B:158 and CMYK values of C:0.4, M:0.34, Y:0, K:0.38. Its decimal value is 6252702.

Hex triplet	5f689e	`#5f689e`
RGB Decimal	95, 104, 158	`rgb(95,104,158)`
RGB Percent	37.3, 40.8, 62	`rgb(37.3%,40.8%,62%)`
CMYK	40, 34, 0, 38
HSL	231.4°, 24.9, 49.6	`hsl(231.4,24.9%,49.6%)`
HSV (or HSB)	231.4°, 39.9, 62
Web Safe	666699	`#666699`

CIE-LAB	45.361, 10.665, -30.379
XYZ	15.84, 14.802, 34.368
xyY	0.244, 0.228, 14.802
CIE-LCH	45.361, 32.197, 289.344
CIE-LUV	45.361, -7.087, -45.785
Hunter-Lab	38.473, 6.164, -26.033
Binary	01011111, 01101000, 10011110

#5f689e
```
#5f689e rgb(95,104,158)
```
#9e955f
```
#9e955f rgb(158,149,95)
```

Complementary Color

#5f889e
```
#5f889e rgb(95,136,158)
```
#5f689e
```
#5f689e rgb(95,104,158)
```
#765f9e
```
#765f9e rgb(118,95,158)
```

Analogous Color

#889e5f
```
#889e5f rgb(136,158,95)
```
#5f689e
```
#5f689e rgb(95,104,158)
```
#9e765f
```
#9e765f rgb(158,118,95)
```

Split Complementary Color

#689e5f
```
#689e5f rgb(104,158,95)
```
#5f689e
```
#5f689e rgb(95,104,158)
```
#9e5f68
```
#9e5f68 rgb(158,95,104)
```

Triadic Color

#5f9e95
```
#5f9e95 rgb(95,158,149)
```
#5f689e
```
#5f689e rgb(95,104,158)
```
#9e5f68
```
#9e5f68 rgb(158,95,104)
```
#9e955f
```
#9e955f rgb(158,149,95)
```

Tetradic Color

#42496e
```
#42496e rgb(66,73,110)
```
#4c537e
```
#4c537e rgb(76,83,126)
```
#555e8e
```
#555e8e rgb(85,94,142)
```
#5f689e
```
#5f689e rgb(95,104,158)
```
#6e77a8
```
#6e77a8 rgb(110,119,168)
```
#7e86b2
```
#7e86b2 rgb(126,134,178)
```
#8e95bb
```
#8e95bb rgb(142,149,187)
```

Monochromatic Color

Below, you can see some colors close to #5f689e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#5f789e
```
#5f789e rgb(95,120,158)
```
#5f739e
```
#5f739e rgb(95,115,158)
```
#5f6d9e
```
#5f6d9e rgb(95,109,158)
```
#5f689e
```
#5f689e rgb(95,104,158)
```
#5f639e
```
#5f639e rgb(95,99,158)
```
#615f9e
```
#615f9e rgb(97,95,158)
```
#665f9e
```
#665f9e rgb(102,95,158)
```

Similar Colors

Text with hexadecimal color #5f689e

This text has a font color of #5f689e.

<span style="color:#5f689e;">Text here</span>

#5f689e background color

This paragraph has a background color of #5f689e.

<p style="background-color:#5f689e;">Content here</p>

#5f689e border color

This element has a border color of #5f689e.

<div style="border:1px solid #5f689e;">Content here</div>

CSS codes

.text {color:#5f689e;}

.background {background-color:#5f689e;}

.border {border:1px solid #5f689e;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #07070b is the darkest color, while #fefefe is the lightest one.

#07070b
```
#07070b rgb(7,7,11)
```
#0e0f17
```
#0e0f17 rgb(14,15,23)
```
#151724
```
#151724 rgb(21,23,36)
```
#1d1f30
```
#1d1f30 rgb(29,31,48)
```
#24273c
```
#24273c rgb(36,39,60)
```
#2b3048
```
#2b3048 rgb(43,48,72)
```
#333855
```
#333855 rgb(51,56,85)
```
#3a4061
```
#3a4061 rgb(58,64,97)
```
#42486d
```
#42486d rgb(66,72,109)
```
#495079
```
#495079 rgb(73,80,121)
```
#505886
```
#505886 rgb(80,88,134)
```
#586092
```
#586092 rgb(88,96,146)
```
#5f689e
```
#5f689e rgb(95,104,158)
```

Shade Color Variation

#6b73a6
```
#6b73a6 rgb(107,115,166)
```
#777fad
```
#777fad rgb(119,127,173)
```
#838ab5
```
#838ab5 rgb(131,138,181)
```
#9096bc
```
#9096bc rgb(144,150,188)
```
#9ca1c3
```
#9ca1c3 rgb(156,161,195)
```
#a8adcb
```
#a8adcb rgb(168,173,203)
```
#b4b9d2
```
#b4b9d2 rgb(180,185,210)
```
#c1c4d9
```
#c1c4d9 rgb(193,196,217)
```
#cdd0e1
```
#cdd0e1 rgb(205,208,225)
```
#d9dbe8
```
#d9dbe8 rgb(217,219,232)
```
#e5e7f0
```
#e5e7f0 rgb(229,231,240)
```
#f2f2f7
```
#f2f2f7 rgb(242,242,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7d81 is the less saturated color, while #0729f6 is the most saturated one.

#7c7d81
```
#7c7d81 rgb(124,125,129)
```
#72768b
```
#72768b rgb(114,118,139)
```
#696f94
```
#696f94 rgb(105,111,148)
```
#5f689e
```
#5f689e rgb(95,104,158)
```
#5561a8
```
#5561a8 rgb(85,97,168)
```
#4c5ab1
```
#4c5ab1 rgb(76,90,177)
```
#4253bb
```
#4253bb rgb(66,83,187)
```
#384cc5
```
#384cc5 rgb(56,76,197)
```
#2e45cf
```
#2e45cf rgb(46,69,207)
```
#253ed8
```
#253ed8 rgb(37,62,216)
```
#1b37e2
```
#1b37e2 rgb(27,55,226)
```
#1130ec
```
#1130ec rgb(17,48,236)
```
#0729f6
```
#0729f6 rgb(7,41,246)
```

Tone Color Variation

Below, you can see how #5f689e is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#6b6b6b Achromatopsia 0.005% of the population
#696a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6071a4 Protanopia 1% of men
#5e72a2 Deuteranopia 1% of men
#5c777f Tritanopia 0.001% of the population

Trichromacy

#606da1 Protanomaly 1% of men, 0.01% of women
#5e6ea0 Deuteranomaly 6% of men, 0.4% of women
#5d718a Tritanomaly 0.01% of the population

#5f689e hex color

#5f689e Color Information

#5f689e Color Conversion

Color Schemes with #5f689e

Alternatives to #5f689e

#5f689e Preview

Shades and Tints of #5f689e

Tones of #5f689e

Color Blindness Simulator