#5f87bc hex color

In a RGB color space, hex #5f87bc is composed of 37.3% red, 52.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 28.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 214.2 degrees, a saturation of 41% and a lightness of 55.5%. #5f87bc color hex could be obtained by blending #beffff with #000f79. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 53
- B 74
RGB color chart
- C 49
- M 28
- Y 0
- K 26
CMYK color chart

● #5f87bc color description : Slightly desaturated blue.

The hexadecimal color #5f87bc has RGB values of R:95, G:135, B:188 and CMYK values of C:0.49, M:0.28, Y:0, K:0.26. Its decimal value is 6260668.

Hex triplet	5f87bc	`#5f87bc`
RGB Decimal	95, 135, 188	`rgb(95,135,188)`
RGB Percent	37.3, 52.9, 73.7	`rgb(37.3%,52.9%,73.7%)`
CMYK	49, 28, 0, 26
HSL	214.2°, 41, 55.5	`hsl(214.2,41%,55.5%)`
HSV (or HSB)	214.2°, 49.5, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.472, 1.042, -31.998
XYZ	22.458, 23.391, 50.906
xyY	0.232, 0.242, 23.391
CIE-LCH	55.472, 32.015, 271.865
CIE-LUV	55.472, -19.518, -49.141
Hunter-Lab	48.364, -1.748, -28.551
Binary	01011111, 10000111, 10111100

#5f87bc
```
#5f87bc rgb(95,135,188)
```
#bc945f
```
#bc945f rgb(188,148,95)
```

Complementary Color

#5fb6bc
```
#5fb6bc rgb(95,182,188)
```
#5f87bc
```
#5f87bc rgb(95,135,188)
```
#665fbc
```
#665fbc rgb(102,95,188)
```

Analogous Color

#b6bc5f
```
#b6bc5f rgb(182,188,95)
```
#5f87bc
```
#5f87bc rgb(95,135,188)
```
#bc665f
```
#bc665f rgb(188,102,95)
```

Split Complementary Color

#87bc5f
```
#87bc5f rgb(135,188,95)
```
#5f87bc
```
#5f87bc rgb(95,135,188)
```
#bc5f87
```
#bc5f87 rgb(188,95,135)
```

Triadic Color

#5fbc94
```
#5fbc94 rgb(95,188,148)
```
#5f87bc
```
#5f87bc rgb(95,135,188)
```
#bc5f87
```
#bc5f87 rgb(188,95,135)
```
#bc945f
```
#bc945f rgb(188,148,95)
```

Tetradic Color

#3d6192
```
#3d6192 rgb(61,97,146)
```
#446da4
```
#446da4 rgb(68,109,164)
```
#4d7ab4
```
#4d7ab4 rgb(77,122,180)
```
#5f87bc
```
#5f87bc rgb(95,135,188)
```
#7194c4
```
#7194c4 rgb(113,148,196)
```
#83a2cb
```
#83a2cb rgb(131,162,203)
```
#95afd3
```
#95afd3 rgb(149,175,211)
```

Monochromatic Color

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

#5f9ebc
```
#5f9ebc rgb(95,158,188)
```
#5f97bc
```
#5f97bc rgb(95,151,188)
```
#5f8fbc
```
#5f8fbc rgb(95,143,188)
```
#5f87bc
```
#5f87bc rgb(95,135,188)
```
#5f7fbc
```
#5f7fbc rgb(95,127,188)
```
#5f78bc
```
#5f78bc rgb(95,120,188)
```
#5f70bc
```
#5f70bc rgb(95,112,188)
```

Similar Colors

Text with hexadecimal color #5f87bc

This text has a font color of #5f87bc.

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

#5f87bc background color

This paragraph has a background color of #5f87bc.

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

#5f87bc border color

This element has a border color of #5f87bc.

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

CSS codes

.text {color:#5f87bc;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#080d14
```
#080d14 rgb(8,13,20)
```
#0e1622
```
#0e1622 rgb(14,22,34)
```
#14202f
```
#14202f rgb(20,32,47)
```
#1a293d
```
#1a293d rgb(26,41,61)
```
#1f324b
```
#1f324b rgb(31,50,75)
```
#253b59
```
#253b59 rgb(37,59,89)
```
#2b4567
```
#2b4567 rgb(43,69,103)
```
#314e75
```
#314e75 rgb(49,78,117)
```
#375782
```
#375782 rgb(55,87,130)
```
#3c6090
```
#3c6090 rgb(60,96,144)
```
#426a9e
```
#426a9e rgb(66,106,158)
```
#4873ac
```
#4873ac rgb(72,115,172)
```

Shade Color Variation

#517db6
```
#517db6 rgb(81,125,182)
```
#5f87bc
```
#5f87bc rgb(95,135,188)
```
#6d91c2
```
#6d91c2 rgb(109,145,194)
```
#7b9cc8
```
#7b9cc8 rgb(123,156,200)
```
#88a6cd
```
#88a6cd rgb(136,166,205)
```
#96b0d3
```
#96b0d3 rgb(150,176,211)
```
#a4bbd9
```
#a4bbd9 rgb(164,187,217)
```
#b2c5df
```
#b2c5df rgb(178,197,223)
```
#c0d0e5
```
#c0d0e5 rgb(192,208,229)
```
#cedaea
```
#cedaea rgb(206,218,234)
```
#dbe4f0
```
#dbe4f0 rgb(219,228,240)
```
#e9eff6
```
#e9eff6 rgb(233,239,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d90 is the less saturated color, while #227ef9 is the most saturated one.

#8b8d90
```
#8b8d90 rgb(139,141,144)
```
#828c99
```
#828c99 rgb(130,140,153)
```
#798ba2
```
#798ba2 rgb(121,139,162)
```
#7089ab
```
#7089ab rgb(112,137,171)
```
#6888b3
```
#6888b3 rgb(104,136,179)
```
#5f87bc
```
#5f87bc rgb(95,135,188)
```
#5686c5
```
#5686c5 rgb(86,134,197)
```
#4e85cd
```
#4e85cd rgb(78,133,205)
```
#4583d6
```
#4583d6 rgb(69,131,214)
```
#3c82df
```
#3c82df rgb(60,130,223)
```
#3381e8
```
#3381e8 rgb(51,129,232)
```
#2b80f0
```
#2b80f0 rgb(43,128,240)
```
#227ef9
```
#227ef9 rgb(34,126,249)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7a828d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a89bc Protanopia 1% of men
#758ac0 Deuteranopia 1% of men
#5a939e Tritanopia 0.001% of the population

Trichromacy

#7088bc Protanomaly 1% of men, 0.01% of women
#6d88bf Deuteranomaly 6% of men, 0.4% of women
#5b8fa9 Tritanomaly 0.01% of the population

#5f87bc hex color

#5f87bc Color Information

#5f87bc Color Conversion

Color Schemes with #5f87bc

Alternatives to #5f87bc

#5f87bc Preview

Shades and Tints of #5f87bc

Tones of #5f87bc

Color Blindness Simulator