#5f678f hex color

In a RGB color space, hex #5f678f is composed of 37.3% red, 40.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 28% magenta, 0% yellow and 43.9% black. It has a hue angle of 230 degrees, a saturation of 20.2% and a lightness of 46.7%. #5f678f color hex could be obtained by blending #beceff with #00001f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 40
- B 56
RGB color chart
- C 34
- M 28
- Y 0
- K 44
CMYK color chart

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

The hexadecimal color #5f678f has RGB values of R:95, G:103, B:143 and CMYK values of C:0.34, M:0.28, Y:0, K:0.44. Its decimal value is 6252431.

Hex triplet	5f678f	`#5f678f`
RGB Decimal	95, 103, 143	`rgb(95,103,143)`
RGB Percent	37.3, 40.4, 56.1	`rgb(37.3%,40.4%,56.1%)`
CMYK	34, 28, 0, 44
HSL	230°, 20.2, 46.7	`hsl(230,20.2%,46.7%)`
HSV (or HSB)	230°, 33.6, 56.1
Web Safe	666699	`#666699`

CIE-LAB	44.399, 6.987, -22.962
XYZ	14.526, 14.116, 27.944
xyY	0.257, 0.249, 14.116
CIE-LCH	44.399, 24.002, 286.923
CIE-LUV	44.399, -6.04, -33.85
Hunter-Lab	37.572, 3.264, -17.798
Binary	01011111, 01100111, 10001111

#5f678f
```
#5f678f rgb(95,103,143)
```
#8f875f
```
#8f875f rgb(143,135,95)
```

Complementary Color

#5f7f8f
```
#5f7f8f rgb(95,127,143)
```
#5f678f
```
#5f678f rgb(95,103,143)
```
#6f5f8f
```
#6f5f8f rgb(111,95,143)
```

Analogous Color

#7f8f5f
```
#7f8f5f rgb(127,143,95)
```
#5f678f
```
#5f678f rgb(95,103,143)
```
#8f6f5f
```
#8f6f5f rgb(143,111,95)
```

Split Complementary Color

#678f5f
```
#678f5f rgb(103,143,95)
```
#5f678f
```
#5f678f rgb(95,103,143)
```
#8f5f67
```
#8f5f67 rgb(143,95,103)
```

Triadic Color

#5f8f87
```
#5f8f87 rgb(95,143,135)
```
#5f678f
```
#5f678f rgb(95,103,143)
```
#8f5f67
```
#8f5f67 rgb(143,95,103)
```
#8f875f
```
#8f875f rgb(143,135,95)
```

Tetradic Color

#404661
```
#404661 rgb(64,70,97)
```
#4b5170
```
#4b5170 rgb(75,81,112)
```
#555c80
```
#555c80 rgb(85,92,128)
```
#5f678f
```
#5f678f rgb(95,103,143)
```
#6b739d
```
#6b739d rgb(107,115,157)
```
#7a82a7
```
#7a82a7 rgb(122,130,167)
```
#8a90b1
```
#8a90b1 rgb(138,144,177)
```

Monochromatic Color

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

#5f738f
```
#5f738f rgb(95,115,143)
```
#5f6f8f
```
#5f6f8f rgb(95,111,143)
```
#5f6b8f
```
#5f6b8f rgb(95,107,143)
```
#5f678f
```
#5f678f rgb(95,103,143)
```
#5f638f
```
#5f638f rgb(95,99,143)
```
#5f5f8f
```
#5f5f8f rgb(95,95,143)
```
#635f8f
```
#635f8f rgb(99,95,143)
```

Similar Colors

Text with hexadecimal color #5f678f

This text has a font color of #5f678f.

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

#5f678f background color

This paragraph has a background color of #5f678f.

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

#5f678f border color

This element has a border color of #5f678f.

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

CSS codes

.text {color:#5f678f;}

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

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

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, #010102 is the darkest color, while #f5f5f8 is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#090a0d
```
#090a0d rgb(9,10,13)
```
#111219
```
#111219 rgb(17,18,25)
```
#191b25
```
#191b25 rgb(25,27,37)
```
#202331
```
#202331 rgb(32,35,49)
```
#282c3d
```
#282c3d rgb(40,44,61)
```
#303448
```
#303448 rgb(48,52,72)
```
#383d54
```
#383d54 rgb(56,61,84)
```
#404560
```
#404560 rgb(64,69,96)
```
#484e6c
```
#484e6c rgb(72,78,108)
```
#4f5677
```
#4f5677 rgb(79,86,119)
```
#575f83
```
#575f83 rgb(87,95,131)
```
#5f678f
```
#5f678f rgb(95,103,143)
```

Shade Color Variation

#67709a
```
#67709a rgb(103,112,154)
```
#737ba2
```
#737ba2 rgb(115,123,162)
```
#7f86aa
```
#7f86aa rgb(127,134,170)
```
#8b91b2
```
#8b91b2 rgb(139,145,178)
```
#979cba
```
#979cba rgb(151,156,186)
```
#a2a7c1
```
#a2a7c1 rgb(162,167,193)
```
#aeb3c9
```
#aeb3c9 rgb(174,179,201)
```
#babed1
```
#babed1 rgb(186,190,209)
```
#c6c9d9
```
#c6c9d9 rgb(198,201,217)
```
#d1d4e1
```
#d1d4e1 rgb(209,212,225)
```
#dddfe9
```
#dddfe9 rgb(221,223,233)
```
#e9eaf0
```
#e9eaf0 rgb(233,234,240)
```
#f5f5f8
```
#f5f5f8 rgb(245,245,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71737d is the less saturated color, while #032aeb is the most saturated one.

#71737d
```
#71737d rgb(113,115,125)
```
#686d86
```
#686d86 rgb(104,109,134)
```
#5f678f
```
#5f678f rgb(95,103,143)
```
#566198
```
#566198 rgb(86,97,152)
```
#4d5ba1
```
#4d5ba1 rgb(77,91,161)
```
#4455aa
```
#4455aa rgb(68,85,170)
```
#3a4fb4
```
#3a4fb4 rgb(58,79,180)
```
#3148bd
```
#3148bd rgb(49,72,189)
```
#2842c6
```
#2842c6 rgb(40,66,198)
```
#1f3ccf
```
#1f3ccf rgb(31,60,207)
```
#1636d8
```
#1636d8 rgb(22,54,216)
```
#0d30e1
```
#0d30e1 rgb(13,48,225)
```
#032aeb
```
#032aeb rgb(3,42,235)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#676971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656f95 Protanopia 1% of men
#656f94 Deuteranopia 1% of men
#60737c Tritanopia 0.001% of the population

Trichromacy

#626c92 Protanomaly 1% of men, 0.01% of women
#636c92 Deuteranomaly 6% of men, 0.4% of women
#606f83 Tritanomaly 0.01% of the population

#5f678f hex color

#5f678f Color Information

#5f678f Color Conversion

Color Schemes with #5f678f

Alternatives to #5f678f

#5f678f Preview

Shades and Tints of #5f678f

Tones of #5f678f

Color Blindness Simulator