#5f699e hex color

In a RGB color space, hex #5f699e is composed of 37.3% red, 41.2% green and 62% blue. Whereas in a CMYK color space, it is composed of 39.9% cyan, 33.5% magenta, 0% yellow and 38% black. It has a hue angle of 230.5 degrees, a saturation of 24.9% and a lightness of 49.6%. #5f699e color hex could be obtained by blending #bed2ff 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

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

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

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

CIE-LAB	45.64, 10.049, -29.943
XYZ	15.941, 15.004, 34.402
xyY	0.244, 0.23, 15.004
CIE-LCH	45.64, 31.585, 288.552
CIE-LUV	45.64, -7.47, -45.107
Hunter-Lab	38.735, 5.673, -25.543
Binary	01011111, 01101001, 10011110

#5f699e
```
#5f699e rgb(95,105,158)
```
#9e945f
```
#9e945f rgb(158,148,95)
```

Complementary Color

#5f899e
```
#5f899e rgb(95,137,158)
```
#5f699e
```
#5f699e rgb(95,105,158)
```
#755f9e
```
#755f9e rgb(117,95,158)
```

Analogous Color

#899e5f
```
#899e5f rgb(137,158,95)
```
#5f699e
```
#5f699e rgb(95,105,158)
```
#9e755f
```
#9e755f rgb(158,117,95)
```

Split Complementary Color

#699e5f
```
#699e5f rgb(105,158,95)
```
#5f699e
```
#5f699e rgb(95,105,158)
```
#9e5f69
```
#9e5f69 rgb(158,95,105)
```

Triadic Color

#5f9e94
```
#5f9e94 rgb(95,158,148)
```
#5f699e
```
#5f699e rgb(95,105,158)
```
#9e5f69
```
#9e5f69 rgb(158,95,105)
```
#9e945f
```
#9e945f rgb(158,148,95)
```

Tetradic Color

#42496e
```
#42496e rgb(66,73,110)
```
#4c547e
```
#4c547e rgb(76,84,126)
```
#555e8e
```
#555e8e rgb(85,94,142)
```
#5f699e
```
#5f699e rgb(95,105,158)
```
#6e78a8
```
#6e78a8 rgb(110,120,168)
```
#7e86b2
```
#7e86b2 rgb(126,134,178)
```
#8e95bb
```
#8e95bb rgb(142,149,187)
```

Monochromatic Color

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

#5f799e
```
#5f799e rgb(95,121,158)
```
#5f749e
```
#5f749e rgb(95,116,158)
```
#5f6e9e
```
#5f6e9e rgb(95,110,158)
```
#5f699e
```
#5f699e rgb(95,105,158)
```
#5f649e
```
#5f649e rgb(95,100,158)
```
#605f9e
```
#605f9e rgb(96,95,158)
```
#655f9e
```
#655f9e rgb(101,95,158)
```

Similar Colors

Text with hexadecimal color #5f699e

This text has a font color of #5f699e.

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

#5f699e background color

This paragraph has a background color of #5f699e.

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

#5f699e border color

This element has a border color of #5f699e.

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

CSS codes

.text {color:#5f699e;}

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

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

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)
```
#151824
```
#151824 rgb(21,24,36)
```
#1d2030
```
#1d2030 rgb(29,32,48)
```
#24283c
```
#24283c rgb(36,40,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)
```
#495179
```
#495179 rgb(73,81,121)
```
#505986
```
#505986 rgb(80,89,134)
```
#586192
```
#586192 rgb(88,97,146)
```
#5f699e
```
#5f699e rgb(95,105,158)
```

Shade Color Variation

#6b74a6
```
#6b74a6 rgb(107,116,166)
```
#7780ad
```
#7780ad rgb(119,128,173)
```
#838bb5
```
#838bb5 rgb(131,139,181)
```
#9097bc
```
#9097bc rgb(144,151,188)
```
#9ca2c3
```
#9ca2c3 rgb(156,162,195)
```
#a8aecb
```
#a8aecb rgb(168,174,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 #072df6 is the most saturated one.

#7c7d81
```
#7c7d81 rgb(124,125,129)
```
#72768b
```
#72768b rgb(114,118,139)
```
#697094
```
#697094 rgb(105,112,148)
```
#5f699e
```
#5f699e rgb(95,105,158)
```
#5562a8
```
#5562a8 rgb(85,98,168)
```
#4c5cb1
```
#4c5cb1 rgb(76,92,177)
```
#4255bb
```
#4255bb rgb(66,85,187)
```
#384ec5
```
#384ec5 rgb(56,78,197)
```
#2e48cf
```
#2e48cf rgb(46,72,207)
```
#2541d8
```
#2541d8 rgb(37,65,216)
```
#1b3be2
```
#1b3be2 rgb(27,59,226)
```
#1134ec
```
#1134ec rgb(17,52,236)
```
#072df6
```
#072df6 rgb(7,45,246)
```

Tone Color Variation

Below, you can see how #5f699e 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

#6c6c6c Achromatopsia 0.005% of the population
#696b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6172a3 Protanopia 1% of men
#5f72a2 Deuteranopia 1% of men
#5c7880 Tritanopia 0.001% of the population

Trichromacy

#606ea1 Protanomaly 1% of men, 0.01% of women
#5f6fa0 Deuteranomaly 6% of men, 0.4% of women
#5d728b Tritanomaly 0.01% of the population

#5f699e hex color

#5f699e Color Information

#5f699e Color Conversion

Color Schemes with #5f699e

Alternatives to #5f699e

#5f699e Preview

Shades and Tints of #5f699e

Tones of #5f699e

Color Blindness Simulator