#5f87ce hex color

In a RGB color space, hex #5f87ce is composed of 37.3% red, 52.9% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 34.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 218.4 degrees, a saturation of 53.1% and a lightness of 59%. #5f87ce color hex could be obtained by blending #beffff with #000f9d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 53
- B 81
RGB color chart
- C 54
- M 34
- Y 0
- K 19
CMYK color chart

● #5f87ce color description : Moderate blue.

The hexadecimal color #5f87ce has RGB values of R:95, G:135, B:206 and CMYK values of C:0.54, M:0.34, Y:0, K:0.19. Its decimal value is 6260686.

Hex triplet	5f87ce	`#5f87ce`
RGB Decimal	95, 135, 206	`rgb(95,135,206)`
RGB Percent	37.3, 52.9, 80.8	`rgb(37.3%,52.9%,80.8%)`
CMYK	54, 34, 0, 19
HSL	218.4°, 53.1, 59	`hsl(218.4,53.1%,59%)`
HSV (or HSB)	218.4°, 53.9, 80.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.303, 6.65, -40.905
XYZ	24.521, 24.216, 61.771
xyY	0.222, 0.219, 24.216
CIE-LCH	56.303, 41.442, 279.234
CIE-LUV	56.303, -19.53, -64.434
Hunter-Lab	49.21, 2.831, -39.978
Binary	01011111, 10000111, 11001110

#5f87ce
```
#5f87ce rgb(95,135,206)
```
#cea65f
```
#cea65f rgb(206,166,95)
```

Complementary Color

#5fbfce
```
#5fbfce rgb(95,191,206)
```
#5f87ce
```
#5f87ce rgb(95,135,206)
```
#6f5fce
```
#6f5fce rgb(111,95,206)
```

Analogous Color

#bfce5f
```
#bfce5f rgb(191,206,95)
```
#5f87ce
```
#5f87ce rgb(95,135,206)
```
#ce6f5f
```
#ce6f5f rgb(206,111,95)
```

Split Complementary Color

#87ce5f
```
#87ce5f rgb(135,206,95)
```
#5f87ce
```
#5f87ce rgb(95,135,206)
```
#ce5f87
```
#ce5f87 rgb(206,95,135)
```

Triadic Color

#5fcea6
```
#5fcea6 rgb(95,206,166)
```
#5f87ce
```
#5f87ce rgb(95,135,206)
```
#ce5f87
```
#ce5f87 rgb(206,95,135)
```
#cea65f
```
#cea65f rgb(206,166,95)
```

Tetradic Color

#3560ac
```
#3560ac rgb(53,96,172)
```
#3b6abf
```
#3b6abf rgb(59,106,191)
```
#4b78c8
```
#4b78c8 rgb(75,120,200)
```
#5f87ce
```
#5f87ce rgb(95,135,206)
```
#7396d4
```
#7396d4 rgb(115,150,212)
```
#86a4da
```
#86a4da rgb(134,164,218)
```
#9ab3e0
```
#9ab3e0 rgb(154,179,224)
```

Monochromatic Color

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

#5fa3ce
```
#5fa3ce rgb(95,163,206)
```
#5f9ace
```
#5f9ace rgb(95,154,206)
```
#5f90ce
```
#5f90ce rgb(95,144,206)
```
#5f87ce
```
#5f87ce rgb(95,135,206)
```
#5f7ece
```
#5f7ece rgb(95,126,206)
```
#5f75ce
```
#5f75ce rgb(95,117,206)
```
#5f6bce
```
#5f6bce rgb(95,107,206)
```

Similar Colors

Text with hexadecimal color #5f87ce

This text has a font color of #5f87ce.

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

#5f87ce background color

This paragraph has a background color of #5f87ce.

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

#5f87ce border color

This element has a border color of #5f87ce.

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

CSS codes

.text {color:#5f87ce;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0b1423
```
#0b1423 rgb(11,20,35)
```
#0f1c32
```
#0f1c32 rgb(15,28,50)
```
#142441
```
#142441 rgb(20,36,65)
```
#192d50
```
#192d50 rgb(25,45,80)
```
#1d355f
```
#1d355f rgb(29,53,95)
```
#223d6e
```
#223d6e rgb(34,61,110)
```
#26467d
```
#26467d rgb(38,70,125)
```
#2b4e8c
```
#2b4e8c rgb(43,78,140)
```
#30569b
```
#30569b rgb(48,86,155)
```
#345faa
```
#345faa rgb(52,95,170)
```
#3967b9
```
#3967b9 rgb(57,103,185)
```

Shade Color Variation

#4170c5
```
#4170c5 rgb(65,112,197)
```
#507cc9
```
#507cc9 rgb(80,124,201)
```
#5f87ce
```
#5f87ce rgb(95,135,206)
```
#6e92d3
```
#6e92d3 rgb(110,146,211)
```
#7d9ed7
```
#7d9ed7 rgb(125,158,215)
```
#8ca9dc
```
#8ca9dc rgb(140,169,220)
```
#9bb4e0
```
#9bb4e0 rgb(155,180,224)
```
#aabfe5
```
#aabfe5 rgb(170,191,229)
```
#b9cbea
```
#b9cbea rgb(185,203,234)
```
#c8d6ee
```
#c8d6ee rgb(200,214,238)
```
#d7e1f3
```
#d7e1f3 rgb(215,225,243)
```
#e6ecf7
```
#e6ecf7 rgb(230,236,247)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

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

#8f949e
```
#8f949e rgb(143,148,158)
```
#8792a6
```
#8792a6 rgb(135,146,166)
```
#7f90ae
```
#7f90ae rgb(127,144,174)
```
#778eb6
```
#778eb6 rgb(119,142,182)
```
#6f8bbe
```
#6f8bbe rgb(111,139,190)
```
#6789c6
```
#6789c6 rgb(103,137,198)
```
#5f87ce
```
#5f87ce rgb(95,135,206)
```
#5785d6
```
#5785d6 rgb(87,133,214)
```
#4f83de
```
#4f83de rgb(79,131,222)
```
#4780e6
```
#4780e6 rgb(71,128,230)
```
#3f7eee
```
#3f7eee rgb(63,126,238)
```
#377cf6
```
#377cf6 rgb(55,124,246)
```
#2f7afe
```
#2f7afe rgb(47,122,254)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7c8492 Atypical Achromatopsia 0.001% of the population

Dichromacy

#738bce Protanopia 1% of men
#688dd0 Deuteranopia 1% of men
#5197a2 Tritanopia 0.001% of the population

Trichromacy

#6b89ce Protanomaly 1% of men, 0.01% of women
#658acf Deuteranomaly 6% of men, 0.4% of women
#5691b2 Tritanomaly 0.01% of the population

#5f87ce hex color

#5f87ce Color Information

#5f87ce Color Conversion

Color Schemes with #5f87ce

Alternatives to #5f87ce

#5f87ce Preview

Shades and Tints of #5f87ce

Tones of #5f87ce

Color Blindness Simulator