#5f679e hex color

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

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

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

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

CIE-LAB	45.084, 11.281, -30.814
XYZ	15.74, 14.602, 34.335
xyY	0.243, 0.226, 14.602
CIE-LCH	45.084, 32.814, 290.108
CIE-LUV	45.084, -6.706, -46.459
Hunter-Lab	38.212, 6.655, -26.526
Binary	01011111, 01100111, 10011110

#5f679e
```
#5f679e rgb(95,103,158)
```
#9e965f
```
#9e965f rgb(158,150,95)
```

Complementary Color

#5f879e
```
#5f879e rgb(95,135,158)
```
#5f679e
```
#5f679e rgb(95,103,158)
```
#775f9e
```
#775f9e rgb(119,95,158)
```

Analogous Color

#879e5f
```
#879e5f rgb(135,158,95)
```
#5f679e
```
#5f679e rgb(95,103,158)
```
#9e775f
```
#9e775f rgb(158,119,95)
```

Split Complementary Color

#679e5f
```
#679e5f rgb(103,158,95)
```
#5f679e
```
#5f679e rgb(95,103,158)
```
#9e5f67
```
#9e5f67 rgb(158,95,103)
```

Triadic Color

#5f9e96
```
#5f9e96 rgb(95,158,150)
```
#5f679e
```
#5f679e rgb(95,103,158)
```
#9e5f67
```
#9e5f67 rgb(158,95,103)
```
#9e965f
```
#9e965f rgb(158,150,95)
```

Tetradic Color

#42486e
```
#42486e rgb(66,72,110)
```
#4c527e
```
#4c527e rgb(76,82,126)
```
#555d8e
```
#555d8e rgb(85,93,142)
```
#5f679e
```
#5f679e rgb(95,103,158)
```
#6e76a8
```
#6e76a8 rgb(110,118,168)
```
#7e85b2
```
#7e85b2 rgb(126,133,178)
```
#8e94bb
```
#8e94bb rgb(142,148,187)
```

Monochromatic Color

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

#5f779e
```
#5f779e rgb(95,119,158)
```
#5f729e
```
#5f729e rgb(95,114,158)
```
#5f6c9e
```
#5f6c9e rgb(95,108,158)
```
#5f679e
```
#5f679e rgb(95,103,158)
```
#5f629e
```
#5f629e rgb(95,98,158)
```
#625f9e
```
#625f9e rgb(98,95,158)
```
#675f9e
```
#675f9e rgb(103,95,158)
```

Similar Colors

Text with hexadecimal color #5f679e

This text has a font color of #5f679e.

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

#5f679e background color

This paragraph has a background color of #5f679e.

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

#5f679e border color

This element has a border color of #5f679e.

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

CSS codes

.text {color:#5f679e;}

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

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

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)
```
#3a3f61
```
#3a3f61 rgb(58,63,97)
```
#42476d
```
#42476d rgb(66,71,109)
```
#494f79
```
#494f79 rgb(73,79,121)
```
#505786
```
#505786 rgb(80,87,134)
```
#585f92
```
#585f92 rgb(88,95,146)
```
#5f679e
```
#5f679e rgb(95,103,158)
```

Shade Color Variation

#6b72a6
```
#6b72a6 rgb(107,114,166)
```
#777ead
```
#777ead rgb(119,126,173)
```
#838ab5
```
#838ab5 rgb(131,138,181)
```
#9095bc
```
#9095bc rgb(144,149,188)
```
#9ca1c3
```
#9ca1c3 rgb(156,161,195)
```
#a8accb
```
#a8accb rgb(168,172,203)
```
#b4b8d2
```
#b4b8d2 rgb(180,184,210)
```
#c1c4d9
```
#c1c4d9 rgb(193,196,217)
```
#cdcfe1
```
#cdcfe1 rgb(205,207,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 #0726f6 is the most saturated one.

#7c7d81
```
#7c7d81 rgb(124,125,129)
```
#72768b
```
#72768b rgb(114,118,139)
```
#696e94
```
#696e94 rgb(105,110,148)
```
#5f679e
```
#5f679e rgb(95,103,158)
```
#5560a8
```
#5560a8 rgb(85,96,168)
```
#4c58b1
```
#4c58b1 rgb(76,88,177)
```
#4251bb
```
#4251bb rgb(66,81,187)
```
#384ac5
```
#384ac5 rgb(56,74,197)
```
#2e43cf
```
#2e43cf rgb(46,67,207)
```
#253bd8
```
#253bd8 rgb(37,59,216)
```
#1b34e2
```
#1b34e2 rgb(27,52,226)
```
#112dec
```
#112dec rgb(17,45,236)
```
#0726f6
```
#0726f6 rgb(7,38,246)
```

Tone Color Variation

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

#5f70a4 Protanopia 1% of men
#5c71a2 Deuteranopia 1% of men
#5c767f Tritanopia 0.001% of the population

Trichromacy

#5f6da2 Protanomaly 1% of men, 0.01% of women
#5d6da0 Deuteranomaly 6% of men, 0.4% of women
#5d708a Tritanomaly 0.01% of the population

#5f679e hex color

#5f679e Color Information

#5f679e Color Conversion

Color Schemes with #5f679e

Alternatives to #5f679e

#5f679e Preview

Shades and Tints of #5f679e

Tones of #5f679e

Color Blindness Simulator