#5f86eb hex color

In a RGB color space, hex #5f86eb is composed of 37.3% red, 52.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 43% magenta, 0% yellow and 7.8% black. It has a hue angle of 223.3 degrees, a saturation of 77.8% and a lightness of 64.7%. #5f86eb color hex could be obtained by blending #beffff with #000dd7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 53
- B 92
RGB color chart
- C 60
- M 43
- Y 0
- K 8
CMYK color chart

● #5f86eb color description : Soft blue.

The hexadecimal color #5f86eb has RGB values of R:95, G:134, B:235 and CMYK values of C:0.6, M:0.43, Y:0, K:0.08. Its decimal value is 6260459.

Hex triplet	5f86eb	`#5f86eb`
RGB Decimal	95, 134, 235	`rgb(95,134,235)`
RGB Percent	37.3, 52.5, 92.2	`rgb(37.3%,52.5%,92.2%)`
CMYK	60, 43, 0, 8
HSL	223.3°, 77.8, 64.7	`hsl(223.3,77.8%,64.7%)`
HSV (or HSB)	223.3°, 59.6, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.54, 16.645, -55.186
XYZ	28.237, 25.48, 82.023
xyY	0.208, 0.188, 25.48
CIE-LCH	57.54, 57.642, 286.784
CIE-LUV	57.54, -19.296, -89.039
Hunter-Lab	50.477, 11.516, -61.009
Binary	01011111, 10000110, 11101011

#5f86eb
```
#5f86eb rgb(95,134,235)
```
#ebc45f
```
#ebc45f rgb(235,196,95)
```

Complementary Color

#5fcceb
```
#5fcceb rgb(95,204,235)
```
#5f86eb
```
#5f86eb rgb(95,134,235)
```
#7e5feb
```
#7e5feb rgb(126,95,235)
```

Analogous Color

#cceb5f
```
#cceb5f rgb(204,235,95)
```
#5f86eb
```
#5f86eb rgb(95,134,235)
```
#eb7e5f
```
#eb7e5f rgb(235,126,95)
```

Split Complementary Color

#86eb5f
```
#86eb5f rgb(134,235,95)
```
#5f86eb
```
#5f86eb rgb(95,134,235)
```
#eb5f86
```
#eb5f86 rgb(235,95,134)
```

Triadic Color

#5febc4
```
#5febc4 rgb(95,235,196)
```
#5f86eb
```
#5f86eb rgb(95,134,235)
```
#eb5f86
```
#eb5f86 rgb(235,95,134)
```
#ebc45f
```
#ebc45f rgb(235,196,95)
```

Tetradic Color

#1c53e1
```
#1c53e1 rgb(28,83,225)
```
#3264e5
```
#3264e5 rgb(50,100,229)
```
#4875e8
```
#4875e8 rgb(72,117,232)
```
#5f86eb
```
#5f86eb rgb(95,134,235)
```
#7697ee
```
#7697ee rgb(118,151,238)
```
#8ca8f1
```
#8ca8f1 rgb(140,168,241)
```
#a3b9f4
```
#a3b9f4 rgb(163,185,244)
```

Monochromatic Color

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

#5fa9eb
```
#5fa9eb rgb(95,169,235)
```
#5f9deb
```
#5f9deb rgb(95,157,235)
```
#5f92eb
```
#5f92eb rgb(95,146,235)
```
#5f86eb
```
#5f86eb rgb(95,134,235)
```
#5f7aeb
```
#5f7aeb rgb(95,122,235)
```
#5f6feb
```
#5f6feb rgb(95,111,235)
```
#5f63eb
```
#5f63eb rgb(95,99,235)
```

Similar Colors

Text with hexadecimal color #5f86eb

This text has a font color of #5f86eb.

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

#5f86eb background color

This paragraph has a background color of #5f86eb.

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

#5f86eb border color

This element has a border color of #5f86eb.

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

CSS codes

.text {color:#5f86eb;}

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

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

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, #02050e is the darkest color, while #fcfdff is the lightest one.

#02050e
```
#02050e rgb(2,5,14)
```
#040c20
```
#040c20 rgb(4,12,32)
```
#061231
```
#061231 rgb(6,18,49)
```
#081943
```
#081943 rgb(8,25,67)
```
#0b1f54
```
#0b1f54 rgb(11,31,84)
```
#0d2566
```
#0d2566 rgb(13,37,102)
```
#0f2c77
```
#0f2c77 rgb(15,44,119)
```
#113288
```
#113288 rgb(17,50,136)
```
#13399a
```
#13399a rgb(19,57,154)
```
#153fab
```
#153fab rgb(21,63,171)
```
#1846bd
```
#1846bd rgb(24,70,189)
```
#1a4cce
```
#1a4cce rgb(26,76,206)
```
#1c52e0
```
#1c52e0 rgb(28,82,224)
```

Shade Color Variation

#2b5ee4
```
#2b5ee4 rgb(43,94,228)
```
#3c6ce7
```
#3c6ce7 rgb(60,108,231)
```
#4e79e9
```
#4e79e9 rgb(78,121,233)
```
#5f86eb
```
#5f86eb rgb(95,134,235)
```
#7093ed
```
#7093ed rgb(112,147,237)
```
#82a0ef
```
#82a0ef rgb(130,160,239)
```
#93aef2
```
#93aef2 rgb(147,174,242)
```
#a5bbf4
```
#a5bbf4 rgb(165,187,244)
```
#b6c8f6
```
#b6c8f6 rgb(182,200,246)
```
#c8d5f8
```
#c8d5f8 rgb(200,213,248)
```
#d9e2fa
```
#d9e2fa rgb(217,226,250)
```
#eaeffc
```
#eaeffc rgb(234,239,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a4a5a6 is the less saturated color, while #5180f9 is the most saturated one.

#a4a5a6
```
#a4a5a6 rgb(164,165,166)
```
#9da2ad
```
#9da2ad rgb(157,162,173)
```
#969fb4
```
#969fb4 rgb(150,159,180)
```
#8f9bbb
```
#8f9bbb rgb(143,155,187)
```
#8998c1
```
#8998c1 rgb(137,152,193)
```
#8295c8
```
#8295c8 rgb(130,149,200)
```
#7b92cf
```
#7b92cf rgb(123,146,207)
```
#748fd6
```
#748fd6 rgb(116,143,214)
```
#6d8cdd
```
#6d8cdd rgb(109,140,221)
```
#6689e4
```
#6689e4 rgb(102,137,228)
```
#5f86eb
```
#5f86eb rgb(95,134,235)
```
#5883f2
```
#5883f2 rgb(88,131,242)
```
#5180f9
```
#5180f9 rgb(81,128,249)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7e869a Atypical Achromatopsia 0.001% of the population

Dichromacy

#618dec Protanopia 1% of men
#4691e9 Deuteranopia 1% of men
#3d9ca7 Tritanopia 0.001% of the population

Trichromacy

#608aec Protanomaly 1% of men, 0.01% of women
#4f8dea Deuteranomaly 6% of men, 0.4% of women
#4994c0 Tritanomaly 0.01% of the population

#5f86eb hex color

#5f86eb Color Information

#5f86eb Color Conversion

Color Schemes with #5f86eb

Alternatives to #5f86eb

#5f86eb Preview

Shades and Tints of #5f86eb

Tones of #5f86eb

Color Blindness Simulator