#5f669e hex color

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

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

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

The hexadecimal color #5f669e has RGB values of R:95, G:102, B:158 and CMYK values of C:0.4, M:0.35, Y:0, K:0.38. Its decimal value is 6252190.

Hex triplet	5f669e	`#5f669e`
RGB Decimal	95, 102, 158	`rgb(95,102,158)`
RGB Percent	37.3, 40, 62	`rgb(37.3%,40%,62%)`
CMYK	40, 35, 0, 38
HSL	233.3°, 24.9, 49.6	`hsl(233.3,24.9%,49.6%)`
HSV (or HSB)	233.3°, 39.9, 62
Web Safe	666699	`#666699`

CIE-LAB	44.807, 11.899, -31.248
XYZ	15.641, 14.404, 34.302
xyY	0.243, 0.224, 14.404
CIE-LCH	44.807, 33.437, 290.847
CIE-LUV	44.807, -6.326, -47.129
Hunter-Lab	37.952, 7.147, -27.021
Binary	01011111, 01100110, 10011110

#5f669e
```
#5f669e rgb(95,102,158)
```
#9e975f
```
#9e975f rgb(158,151,95)
```

Complementary Color

#5f869e
```
#5f869e rgb(95,134,158)
```
#5f669e
```
#5f669e rgb(95,102,158)
```
#785f9e
```
#785f9e rgb(120,95,158)
```

Analogous Color

#869e5f
```
#869e5f rgb(134,158,95)
```
#5f669e
```
#5f669e rgb(95,102,158)
```
#9e785f
```
#9e785f rgb(158,120,95)
```

Split Complementary Color

#669e5f
```
#669e5f rgb(102,158,95)
```
#5f669e
```
#5f669e rgb(95,102,158)
```
#9e5f66
```
#9e5f66 rgb(158,95,102)
```

Triadic Color

#5f9e97
```
#5f9e97 rgb(95,158,151)
```
#5f669e
```
#5f669e rgb(95,102,158)
```
#9e5f66
```
#9e5f66 rgb(158,95,102)
```
#9e975f
```
#9e975f rgb(158,151,95)
```

Tetradic Color

#42476e
```
#42476e rgb(66,71,110)
```
#4c517e
```
#4c517e rgb(76,81,126)
```
#555c8e
```
#555c8e rgb(85,92,142)
```
#5f669e
```
#5f669e rgb(95,102,158)
```
#6e75a8
```
#6e75a8 rgb(110,117,168)
```
#7e84b2
```
#7e84b2 rgb(126,132,178)
```
#8e93bb
```
#8e93bb rgb(142,147,187)
```

Monochromatic Color

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

#5f769e
```
#5f769e rgb(95,118,158)
```
#5f719e
```
#5f719e rgb(95,113,158)
```
#5f6b9e
```
#5f6b9e rgb(95,107,158)
```
#5f669e
```
#5f669e rgb(95,102,158)
```
#5f619e
```
#5f619e rgb(95,97,158)
```
#635f9e
```
#635f9e rgb(99,95,158)
```
#685f9e
```
#685f9e rgb(104,95,158)
```

Similar Colors

Text with hexadecimal color #5f669e

This text has a font color of #5f669e.

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

#5f669e background color

This paragraph has a background color of #5f669e.

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

#5f669e border color

This element has a border color of #5f669e.

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

CSS codes

.text {color:#5f669e;}

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

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

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)
```
#2b2f48
```
#2b2f48 rgb(43,47,72)
```
#333755
```
#333755 rgb(51,55,85)
```
#3a3e61
```
#3a3e61 rgb(58,62,97)
```
#42466d
```
#42466d rgb(66,70,109)
```
#494e79
```
#494e79 rgb(73,78,121)
```
#505686
```
#505686 rgb(80,86,134)
```
#585e92
```
#585e92 rgb(88,94,146)
```
#5f669e
```
#5f669e rgb(95,102,158)
```

Shade Color Variation

#6b71a6
```
#6b71a6 rgb(107,113,166)
```
#777dad
```
#777dad rgb(119,125,173)
```
#8389b5
```
#8389b5 rgb(131,137,181)
```
#9094bc
```
#9094bc rgb(144,148,188)
```
#9ca0c3
```
#9ca0c3 rgb(156,160,195)
```
#a8accb
```
#a8accb rgb(168,172,203)
```
#b4b8d2
```
#b4b8d2 rgb(180,184,210)
```
#c1c3d9
```
#c1c3d9 rgb(193,195,217)
```
#cdcfe1
```
#cdcfe1 rgb(205,207,225)
```
#d9dbe8
```
#d9dbe8 rgb(217,219,232)
```
#e5e6f0
```
#e5e6f0 rgb(229,230,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 #0722f6 is the most saturated one.

#7c7d81
```
#7c7d81 rgb(124,125,129)
```
#72758b
```
#72758b rgb(114,117,139)
```
#696e94
```
#696e94 rgb(105,110,148)
```
#5f669e
```
#5f669e rgb(95,102,158)
```
#555ea8
```
#555ea8 rgb(85,94,168)
```
#4c57b1
```
#4c57b1 rgb(76,87,177)
```
#424fbb
```
#424fbb rgb(66,79,187)
```
#3848c5
```
#3848c5 rgb(56,72,197)
```
#2e40cf
```
#2e40cf rgb(46,64,207)
```
#2539d8
```
#2539d8 rgb(37,57,216)
```
#1b31e2
```
#1b31e2 rgb(27,49,226)
```
#1129ec
```
#1129ec rgb(17,41,236)
```
#0722f6
```
#0722f6 rgb(7,34,246)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#686974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e70a4 Protanopia 1% of men
#5b71a1 Deuteranopia 1% of men
#5c757e Tritanopia 0.001% of the population

Trichromacy

#5e6ca2 Protanomaly 1% of men, 0.01% of women
#5c6da0 Deuteranomaly 6% of men, 0.4% of women
#5d7089 Tritanomaly 0.01% of the population

#5f669e hex color

#5f669e Color Information

#5f669e Color Conversion

Color Schemes with #5f669e

Alternatives to #5f669e

#5f669e Preview

Shades and Tints of #5f669e

Tones of #5f669e

Color Blindness Simulator