#5f86de hex color

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

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

● #5f86de color description : Soft blue.

The hexadecimal color #5f86de has RGB values of R:95, G:134, B:222 and CMYK values of C:0.57, M:0.4, Y:0, K:0.13. Its decimal value is 6260446.

Hex triplet	5f86de	`#5f86de`
RGB Decimal	95, 134, 222	`rgb(95,134,222)`
RGB Percent	37.3, 52.5, 87.1	`rgb(37.3%,52.5%,87.1%)`
CMYK	57, 40, 0, 13
HSL	221.6°, 65.8, 62.2	`hsl(221.6,65.8%,62.2%)`
HSV (or HSB)	221.6°, 57.2, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.837, 12.389, -49.056
XYZ	26.426, 24.756, 72.489
xyY	0.214, 0.2, 24.756
CIE-LCH	56.837, 50.596, 284.174
CIE-LUV	56.837, -19.229, -78.463
Hunter-Lab	49.755, 7.735, -51.552
Binary	01011111, 10000110, 11011110

#5f86de
```
#5f86de rgb(95,134,222)
```
#deb75f
```
#deb75f rgb(222,183,95)
```

Complementary Color

#5fc6de
```
#5fc6de rgb(95,198,222)
```
#5f86de
```
#5f86de rgb(95,134,222)
```
#785fde
```
#785fde rgb(120,95,222)
```

Analogous Color

#c6de5f
```
#c6de5f rgb(198,222,95)
```
#5f86de
```
#5f86de rgb(95,134,222)
```
#de785f
```
#de785f rgb(222,120,95)
```

Split Complementary Color

#86de5f
```
#86de5f rgb(134,222,95)
```
#5f86de
```
#5f86de rgb(95,134,222)
```
#de5f86
```
#de5f86 rgb(222,95,134)
```

Triadic Color

#5fdeb7
```
#5fdeb7 rgb(95,222,183)
```
#5f86de
```
#5f86de rgb(95,134,222)
```
#de5f86
```
#de5f86 rgb(222,95,134)
```
#deb75f
```
#deb75f rgb(222,183,95)
```

Tetradic Color

#295ac7
```
#295ac7 rgb(41,90,199)
```
#3566d5
```
#3566d5 rgb(53,102,213)
```
#4a76da
```
#4a76da rgb(74,118,218)
```
#5f86de
```
#5f86de rgb(95,134,222)
```
#7496e2
```
#7496e2 rgb(116,150,226)
```
#89a6e7
```
#89a6e7 rgb(137,166,231)
```
#9eb6eb
```
#9eb6eb rgb(158,182,235)
```

Monochromatic Color

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

#5fa6de
```
#5fa6de rgb(95,166,222)
```
#5f9bde
```
#5f9bde rgb(95,155,222)
```
#5f91de
```
#5f91de rgb(95,145,222)
```
#5f86de
```
#5f86de rgb(95,134,222)
```
#5f7bde
```
#5f7bde rgb(95,123,222)
```
#5f71de
```
#5f71de rgb(95,113,222)
```
#5f66de
```
#5f66de rgb(95,102,222)
```

Similar Colors

Text with hexadecimal color #5f86de

This text has a font color of #5f86de.

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

#5f86de background color

This paragraph has a background color of #5f86de.

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

#5f86de border color

This element has a border color of #5f86de.

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

CSS codes

.text {color:#5f86de;}

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

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

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)
```
#040813
```
#040813 rgb(4,8,19)
```
#071023
```
#071023 rgb(7,16,35)
```
#0b1733
```
#0b1733 rgb(11,23,51)
```
#0e1e44
```
#0e1e44 rgb(14,30,68)
```
#112654
```
#112654 rgb(17,38,84)
```
#152d64
```
#152d64 rgb(21,45,100)
```
#183474
```
#183474 rgb(24,52,116)
```
#1b3c85
```
#1b3c85 rgb(27,60,133)
```
#1f4395
```
#1f4395 rgb(31,67,149)
```
#224aa5
```
#224aa5 rgb(34,74,165)
```
#2552b5
```
#2552b5 rgb(37,82,181)
```
#2959c6
```
#2959c6 rgb(41,89,198)
```

Shade Color Variation

#2e61d4
```
#2e61d4 rgb(46,97,212)
```
#3e6dd7
```
#3e6dd7 rgb(62,109,215)
```
#4f7adb
```
#4f7adb rgb(79,122,219)
```
#5f86de
```
#5f86de rgb(95,134,222)
```
#6f92e1
```
#6f92e1 rgb(111,146,225)
```
#809fe5
```
#809fe5 rgb(128,159,229)
```
#90abe8
```
#90abe8 rgb(144,171,232)
```
#a0b7eb
```
#a0b7eb rgb(160,183,235)
```
#b0c3ef
```
#b0c3ef rgb(176,195,239)
```
#c1d0f2
```
#c1d0f2 rgb(193,208,242)
```
#d1dcf5
```
#d1dcf5 rgb(209,220,245)
```
#e1e8f9
```
#e1e8f9 rgb(225,232,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 #417bfc is the most saturated one.

#9a9da3
```
#9a9da3 rgb(154,157,163)
```
#939aaa
```
#939aaa rgb(147,154,170)
```
#8c97b1
```
#8c97b1 rgb(140,151,177)
```
#8494b9
```
#8494b9 rgb(132,148,185)
```
#7d91c0
```
#7d91c0 rgb(125,145,192)
```
#758fc8
```
#758fc8 rgb(117,143,200)
```
#6e8ccf
```
#6e8ccf rgb(110,140,207)
```
#6689d7
```
#6689d7 rgb(102,137,215)
```
#5f86de
```
#5f86de rgb(95,134,222)
```
#5883e5
```
#5883e5 rgb(88,131,229)
```
#5080ed
```
#5080ed rgb(80,128,237)
```
#497df4
```
#497df4 rgb(73,125,244)
```
#417bfc
```
#417bfc rgb(65,123,252)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7d8496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a8bdf Protanopia 1% of men
#578fde Deuteranopia 1% of men
#4799a4 Tritanopia 0.001% of the population

Trichromacy

#6689de Protanomaly 1% of men, 0.01% of women
#5a8bde Deuteranomaly 6% of men, 0.4% of women
#5092b9 Tritanomaly 0.01% of the population

#5f86de hex color

#5f86de Color Information

#5f86de Color Conversion

Color Schemes with #5f86de

Alternatives to #5f86de

#5f86de Preview

Shades and Tints of #5f86de

Tones of #5f86de

Color Blindness Simulator