#5f7186 hex color

In a RGB color space, hex #5f7186 is composed of 37.3% red, 44.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 15.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 212.3 degrees, a saturation of 17% and a lightness of 44.9%. #5f7186 color hex could be obtained by blending #bee2ff with #00000d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 44
- B 53
RGB color chart
- C 29
- M 16
- Y 0
- K 47
CMYK color chart

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

The hexadecimal color #5f7186 has RGB values of R:95, G:113, B:134 and CMYK values of C:0.29, M:0.16, Y:0, K:0.47. Its decimal value is 6254982.

Hex triplet	5f7186	`#5f7186`
RGB Decimal	95, 113, 134	`rgb(95,113,134)`
RGB Percent	37.3, 44.3, 52.5	`rgb(37.3%,44.3%,52.5%)`
CMYK	29, 16, 0, 47
HSL	212.3°, 17, 44.9	`hsl(212.3,17%,44.9%)`
HSV (or HSB)	212.3°, 29.1, 52.5
Web Safe	666699	`#666699`

CIE-LAB	46.927, -1.478, -13.724
XYZ	14.927, 15.964, 24.848
xyY	0.268, 0.286, 15.964
CIE-LCH	46.927, 13.803, 263.853
CIE-LUV	46.927, -9.958, -19.24
Hunter-Lab	39.955, -3.236, -8.904
Binary	01011111, 01110001, 10000110

#5f7186
```
#5f7186 rgb(95,113,134)
```
#86745f
```
#86745f rgb(134,116,95)
```

Complementary Color

#5f8586
```
#5f8586 rgb(95,133,134)
```
#5f7186
```
#5f7186 rgb(95,113,134)
```
#615f86
```
#615f86 rgb(97,95,134)
```

Analogous Color

#85865f
```
#85865f rgb(133,134,95)
```
#5f7186
```
#5f7186 rgb(95,113,134)
```
#86615f
```
#86615f rgb(134,97,95)
```

Split Complementary Color

#71865f
```
#71865f rgb(113,134,95)
```
#5f7186
```
#5f7186 rgb(95,113,134)
```
#865f71
```
#865f71 rgb(134,95,113)
```

Triadic Color

#5f8674
```
#5f8674 rgb(95,134,116)
```
#5f7186
```
#5f7186 rgb(95,113,134)
```
#865f71
```
#865f71 rgb(134,95,113)
```
#86745f
```
#86745f rgb(134,116,95)
```

Tetradic Color

#3f4b59
```
#3f4b59 rgb(63,75,89)
```
#4a5868
```
#4a5868 rgb(74,88,104)
```
#546477
```
#546477 rgb(84,100,119)
```
#5f7186
```
#5f7186 rgb(95,113,134)
```
#6a7e95
```
#6a7e95 rgb(106,126,149)
```
#788aa0
```
#788aa0 rgb(120,138,160)
```
#8797aa
```
#8797aa rgb(135,151,170)
```

Monochromatic Color

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

#5f7b86
```
#5f7b86 rgb(95,123,134)
```
#5f7886
```
#5f7886 rgb(95,120,134)
```
#5f7486
```
#5f7486 rgb(95,116,134)
```
#5f7186
```
#5f7186 rgb(95,113,134)
```
#5f6e86
```
#5f6e86 rgb(95,110,134)
```
#5f6b86
```
#5f6b86 rgb(95,107,134)
```
#5f6786
```
#5f6786 rgb(95,103,134)
```

Similar Colors

Text with hexadecimal color #5f7186

This text has a font color of #5f7186.

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

#5f7186 background color

This paragraph has a background color of #5f7186.

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

#5f7186 border color

This element has a border color of #5f7186.

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

CSS codes

.text {color:#5f7186;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0e1013
```
#0e1013 rgb(14,16,19)
```
#161a1f
```
#161a1f rgb(22,26,31)
```
#1e242a
```
#1e242a rgb(30,36,42)
```
#262d36
```
#262d36 rgb(38,45,54)
```
#2e3741
```
#2e3741 rgb(46,55,65)
```
#36414d
```
#36414d rgb(54,65,77)
```
#3e4a58
```
#3e4a58 rgb(62,74,88)
```
#475464
```
#475464 rgb(71,84,100)
```
#4f5e6f
```
#4f5e6f rgb(79,94,111)
```
#57677b
```
#57677b rgb(87,103,123)
```
#5f7186
```
#5f7186 rgb(95,113,134)
```
#677b91
```
#677b91 rgb(103,123,145)
```

Shade Color Variation

#72859b
```
#72859b rgb(114,133,155)
```
#7d8ea3
```
#7d8ea3 rgb(125,142,163)
```
#8898ab
```
#8898ab rgb(136,152,171)
```
#94a2b3
```
#94a2b3 rgb(148,162,179)
```
#9facbb
```
#9facbb rgb(159,172,187)
```
#abb6c3
```
#abb6c3 rgb(171,182,195)
```
#b6c0cc
```
#b6c0cc rgb(182,192,204)
```
#c2cad4
```
#c2cad4 rgb(194,202,212)
```
#cdd4dc
```
#cdd4dc rgb(205,212,220)
```
#d9dee4
```
#d9dee4 rgb(217,222,228)
```
#e4e8ec
```
#e4e8ec rgb(228,232,236)
```
#f0f2f4
```
#f0f2f4 rgb(240,242,244)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717274 is the less saturated color, while #076ade is the most saturated one.

#717274
```
#717274 rgb(113,114,116)
```
#68727d
```
#68727d rgb(104,114,125)
```
#5f7186
```
#5f7186 rgb(95,113,134)
```
#56708f
```
#56708f rgb(86,112,143)
```
#4d7098
```
#4d7098 rgb(77,112,152)
```
#456fa0
```
#456fa0 rgb(69,111,160)
```
#3c6ea9
```
#3c6ea9 rgb(60,110,169)
```
#336eb2
```
#336eb2 rgb(51,110,178)
```
#2a6dbb
```
#2a6dbb rgb(42,109,187)
```
#216cc4
```
#216cc4 rgb(33,108,196)
```
#196ccc
```
#196ccc rgb(25,108,204)
```
#106bd5
```
#106bd5 rgb(16,107,213)
```
#076ade
```
#076ade rgb(7,106,222)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6b6f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72758a Protanopia 1% of men
#75748d Deuteranopia 1% of men
#647a82 Tritanopia 0.001% of the population

Trichromacy

#6b7488 Protanomaly 1% of men, 0.01% of women
#6d738a Deuteranomaly 6% of men, 0.4% of women
#627684 Tritanomaly 0.01% of the population

#5f7186 hex color

#5f7186 Color Information

#5f7186 Color Conversion

Color Schemes with #5f7186

Alternatives to #5f7186

#5f7186 Preview

Shades and Tints of #5f7186

Tones of #5f7186

Color Blindness Simulator