#5f87de hex color

In a RGB color space, hex #5f87de is composed of 37.3% red, 52.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 39.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 221.1 degrees, a saturation of 65.8% and a lightness of 62.2%. #5f87de color hex could be obtained by blending #beffff with #000fbd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 53
- B 87
RGB color chart
- C 57
- M 39
- Y 0
- K 13
CMYK color chart

● #5f87de color description : Soft blue.

The hexadecimal color #5f87de has RGB values of R:95, G:135, B:222 and CMYK values of C:0.57, M:0.39, Y:0, K:0.13. Its decimal value is 6260702.

Hex triplet	5f87de	`#5f87de`
RGB Decimal	95, 135, 222	`rgb(95,135,222)`
RGB Percent	37.3, 52.9, 87.1	`rgb(37.3%,52.9%,87.1%)`
CMYK	57, 39, 0, 13
HSL	221.1°, 65.8, 62.2	`hsl(221.1,65.8%,62.2%)`
HSV (or HSB)	221.1°, 57.2, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.108, 11.79, -48.625
XYZ	26.565, 25.033, 72.535
xyY	0.214, 0.202, 25.033
CIE-LCH	57.108, 50.034, 283.629
CIE-LUV	57.108, -19.57, -77.771
Hunter-Lab	50.033, 7.216, -50.932
Binary	01011111, 10000111, 11011110

#5f87de
```
#5f87de rgb(95,135,222)
```
#deb65f
```
#deb65f rgb(222,182,95)
```

Complementary Color

#5fc7de
```
#5fc7de rgb(95,199,222)
```
#5f87de
```
#5f87de rgb(95,135,222)
```
#775fde
```
#775fde rgb(119,95,222)
```

Analogous Color

#c7de5f
```
#c7de5f rgb(199,222,95)
```
#5f87de
```
#5f87de rgb(95,135,222)
```
#de775f
```
#de775f rgb(222,119,95)
```

Split Complementary Color

#87de5f
```
#87de5f rgb(135,222,95)
```
#5f87de
```
#5f87de rgb(95,135,222)
```
#de5f87
```
#de5f87 rgb(222,95,135)
```

Triadic Color

#5fdeb6
```
#5fdeb6 rgb(95,222,182)
```
#5f87de
```
#5f87de rgb(95,135,222)
```
#de5f87
```
#de5f87 rgb(222,95,135)
```
#deb65f
```
#deb65f rgb(222,182,95)
```

Tetradic Color

#295bc7
```
#295bc7 rgb(41,91,199)
```
#3567d5
```
#3567d5 rgb(53,103,213)
```
#4a77da
```
#4a77da rgb(74,119,218)
```
#5f87de
```
#5f87de rgb(95,135,222)
```
#7497e2
```
#7497e2 rgb(116,151,226)
```
#89a7e7
```
#89a7e7 rgb(137,167,231)
```
#9eb7eb
```
#9eb7eb rgb(158,183,235)
```

Monochromatic Color

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

#5fa7de
```
#5fa7de rgb(95,167,222)
```
#5f9cde
```
#5f9cde rgb(95,156,222)
```
#5f92de
```
#5f92de rgb(95,146,222)
```
#5f87de
```
#5f87de rgb(95,135,222)
```
#5f7cde
```
#5f7cde rgb(95,124,222)
```
#5f72de
```
#5f72de rgb(95,114,222)
```
#5f67de
```
#5f67de rgb(95,103,222)
```

Similar Colors

Text with hexadecimal color #5f87de

This text has a font color of #5f87de.

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

#5f87de background color

This paragraph has a background color of #5f87de.

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

#5f87de border color

This element has a border color of #5f87de.

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

CSS codes

.text {color:#5f87de;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040913
```
#040913 rgb(4,9,19)
```
#071023
```
#071023 rgb(7,16,35)
```
#0b1733
```
#0b1733 rgb(11,23,51)
```
#0e1f44
```
#0e1f44 rgb(14,31,68)
```
#112654
```
#112654 rgb(17,38,84)
```
#152e64
```
#152e64 rgb(21,46,100)
```
#183574
```
#183574 rgb(24,53,116)
```
#1b3d85
```
#1b3d85 rgb(27,61,133)
```
#1f4495
```
#1f4495 rgb(31,68,149)
```
#224ba5
```
#224ba5 rgb(34,75,165)
```
#2553b5
```
#2553b5 rgb(37,83,181)
```
#295ac6
```
#295ac6 rgb(41,90,198)
```

Shade Color Variation

#2e62d4
```
#2e62d4 rgb(46,98,212)
```
#3e6fd7
```
#3e6fd7 rgb(62,111,215)
```
#4f7bdb
```
#4f7bdb rgb(79,123,219)
```
#5f87de
```
#5f87de rgb(95,135,222)
```
#6f93e1
```
#6f93e1 rgb(111,147,225)
```
#809fe5
```
#809fe5 rgb(128,159,229)
```
#90ace8
```
#90ace8 rgb(144,172,232)
```
#a0b8eb
```
#a0b8eb rgb(160,184,235)
```
#b0c4ef
```
#b0c4ef rgb(176,196,239)
```
#c1d0f2
```
#c1d0f2 rgb(193,208,242)
```
#d1dcf5
```
#d1dcf5 rgb(209,220,245)
```
#e1e9f9
```
#e1e9f9 rgb(225,233,249)
```
#f1f5fc
```
#f1f5fc rgb(241,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9da3 is the less saturated color, while #417cfc is the most saturated one.

#9a9da3
```
#9a9da3 rgb(154,157,163)
```
#939aaa
```
#939aaa rgb(147,154,170)
```
#8c97b1
```
#8c97b1 rgb(140,151,177)
```
#8495b9
```
#8495b9 rgb(132,149,185)
```
#7d92c0
```
#7d92c0 rgb(125,146,192)
```
#758fc8
```
#758fc8 rgb(117,143,200)
```
#6e8ccf
```
#6e8ccf rgb(110,140,207)
```
#668ad7
```
#668ad7 rgb(102,138,215)
```
#5f87de
```
#5f87de rgb(95,135,222)
```
#5884e5
```
#5884e5 rgb(88,132,229)
```
#5082ed
```
#5082ed rgb(80,130,237)
```
#497ff4
```
#497ff4 rgb(73,127,244)
```
#417cfc
```
#417cfc rgb(65,124,252)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7d8597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b8cdf Protanopia 1% of men
#598fde Deuteranopia 1% of men
#489aa5 Tritanopia 0.001% of the population

Trichromacy

#668ade Protanomaly 1% of men, 0.01% of women
#5b8cde Deuteranomaly 6% of men, 0.4% of women
#5093ba Tritanomaly 0.01% of the population

#5f87de hex color

#5f87de Color Information

#5f87de Color Conversion

Color Schemes with #5f87de

Alternatives to #5f87de

#5f87de Preview

Shades and Tints of #5f87de

Tones of #5f87de

Color Blindness Simulator