#5f87bf hex color

In a RGB color space, hex #5f87bf is composed of 37.3% red, 52.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 29.3% magenta, 0% yellow and 25.1% black. It has a hue angle of 215 degrees, a saturation of 42.9% and a lightness of 56.1%. #5f87bf color hex could be obtained by blending #beffff with #000f7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 53
- B 75
RGB color chart
- C 50
- M 29
- Y 0
- K 25
CMYK color chart

● #5f87bf color description : Moderate blue.

The hexadecimal color #5f87bf has RGB values of R:95, G:135, B:191 and CMYK values of C:0.5, M:0.29, Y:0, K:0.25. Its decimal value is 6260671.

Hex triplet	5f87bf	`#5f87bf`
RGB Decimal	95, 135, 191	`rgb(95,135,191)`
RGB Percent	37.3, 52.9, 74.9	`rgb(37.3%,52.9%,74.9%)`
CMYK	50, 29, 0, 25
HSL	215°, 42.9, 56.1	`hsl(215,42.9%,56.1%)`
HSV (or HSB)	215°, 50.3, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.605, 1.961, -33.499
XYZ	22.785, 23.521, 52.627
xyY	0.23, 0.238, 23.521
CIE-LCH	55.605, 33.556, 273.35
CIE-LUV	55.605, -19.517, -51.705
Hunter-Lab	48.499, -1.012, -30.387
Binary	01011111, 10000111, 10111111

#5f87bf
```
#5f87bf rgb(95,135,191)
```
#bf975f
```
#bf975f rgb(191,151,95)
```

Complementary Color

#5fb7bf
```
#5fb7bf rgb(95,183,191)
```
#5f87bf
```
#5f87bf rgb(95,135,191)
```
#675fbf
```
#675fbf rgb(103,95,191)
```

Analogous Color

#b7bf5f
```
#b7bf5f rgb(183,191,95)
```
#5f87bf
```
#5f87bf rgb(95,135,191)
```
#bf675f
```
#bf675f rgb(191,103,95)
```

Split Complementary Color

#87bf5f
```
#87bf5f rgb(135,191,95)
```
#5f87bf
```
#5f87bf rgb(95,135,191)
```
#bf5f87
```
#bf5f87 rgb(191,95,135)
```

Triadic Color

#5fbf97
```
#5fbf97 rgb(95,191,151)
```
#5f87bf
```
#5f87bf rgb(95,135,191)
```
#bf5f87
```
#bf5f87 rgb(191,95,135)
```
#bf975f
```
#bf975f rgb(191,151,95)
```

Tetradic Color

#3c6196
```
#3c6196 rgb(60,97,150)
```
#436da8
```
#436da8 rgb(67,109,168)
```
#4d79b8
```
#4d79b8 rgb(77,121,184)
```
#5f87bf
```
#5f87bf rgb(95,135,191)
```
#7195c6
```
#7195c6 rgb(113,149,198)
```
#83a2ce
```
#83a2ce rgb(131,162,206)
```
#96b0d5
```
#96b0d5 rgb(150,176,213)
```

Monochromatic Color

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

#5f9fbf
```
#5f9fbf rgb(95,159,191)
```
#5f97bf
```
#5f97bf rgb(95,151,191)
```
#5f8fbf
```
#5f8fbf rgb(95,143,191)
```
#5f87bf
```
#5f87bf rgb(95,135,191)
```
#5f7fbf
```
#5f7fbf rgb(95,127,191)
```
#5f77bf
```
#5f77bf rgb(95,119,191)
```
#5f6fbf
```
#5f6fbf rgb(95,111,191)
```

Similar Colors

Text with hexadecimal color #5f87bf

This text has a font color of #5f87bf.

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

#5f87bf background color

This paragraph has a background color of #5f87bf.

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

#5f87bf border color

This element has a border color of #5f87bf.

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

CSS codes

.text {color:#5f87bf;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090e16
```
#090e16 rgb(9,14,22)
```
#0e1824
```
#0e1824 rgb(14,24,36)
```
#142132
```
#142132 rgb(20,33,50)
```
#1a2a40
```
#1a2a40 rgb(26,42,64)
```
#1f334e
```
#1f334e rgb(31,51,78)
```
#253c5c
```
#253c5c rgb(37,60,92)
```
#2a456a
```
#2a456a rgb(42,69,106)
```
#304e78
```
#304e78 rgb(48,78,120)
```
#365786
```
#365786 rgb(54,87,134)
```
#3b6094
```
#3b6094 rgb(59,96,148)
```
#4169a2
```
#4169a2 rgb(65,105,162)
```
#4773b0
```
#4773b0 rgb(71,115,176)
```

Shade Color Variation

#517cb9
```
#517cb9 rgb(81,124,185)
```
#5f87bf
```
#5f87bf rgb(95,135,191)
```
#6d92c5
```
#6d92c5 rgb(109,146,197)
```
#7b9cca
```
#7b9cca rgb(123,156,202)
```
#89a7d0
```
#89a7d0 rgb(137,167,208)
```
#97b1d5
```
#97b1d5 rgb(151,177,213)
```
#a5bcdb
```
#a5bcdb rgb(165,188,219)
```
#b3c6e1
```
#b3c6e1 rgb(179,198,225)
```
#c1d1e6
```
#c1d1e6 rgb(193,209,230)
```
#cfdbec
```
#cfdbec rgb(207,219,236)
```
#dde6f1
```
#dde6f1 rgb(221,230,241)
```
#ebf0f7
```
#ebf0f7 rgb(235,240,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#8a8e94
```
#8a8e94 rgb(138,142,148)
```
#818d9d
```
#818d9d rgb(129,141,157)
```
#798ba5
```
#798ba5 rgb(121,139,165)
```
#708aae
```
#708aae rgb(112,138,174)
```
#6888b6
```
#6888b6 rgb(104,136,182)
```
#5f87bf
```
#5f87bf rgb(95,135,191)
```
#5686c8
```
#5686c8 rgb(86,134,200)
```
#4e84d0
```
#4e84d0 rgb(78,132,208)
```
#4583d9
```
#4583d9 rgb(69,131,217)
```
#3d81e1
```
#3d81e1 rgb(61,129,225)
```
#3480ea
```
#3480ea rgb(52,128,234)
```
#2b7ef3
```
#2b7ef3 rgb(43,126,243)
```
#237dfb
```
#237dfb rgb(35,125,251)
```

Tone Color Variation

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

#7989bf Protanopia 1% of men
#738ac3 Deuteranopia 1% of men
#58949f Tritanopia 0.001% of the population

Trichromacy

#6f88bf Protanomaly 1% of men, 0.01% of women
#6b89c1 Deuteranomaly 6% of men, 0.4% of women
#5b8faa Tritanomaly 0.01% of the population

#5f87bf hex color

#5f87bf Color Information

#5f87bf Color Conversion

Color Schemes with #5f87bf

Alternatives to #5f87bf

#5f87bf Preview

Shades and Tints of #5f87bf

Tones of #5f87bf

Color Blindness Simulator