#5e86ff hex color

In a RGB color space, hex #5e86ff is composed of 36.9% red, 52.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 47.5% magenta, 0% yellow and 0% black. It has a hue angle of 225.1 degrees, a saturation of 100% and a lightness of 68.4%. #5e86ff color hex could be obtained by blending #bcffff with #000dff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 53
- B 100
RGB color chart
- C 63
- M 47
- Y 0
- K 0
CMYK color chart

● #5e86ff color description : Light blue.

The hexadecimal color #5e86ff has RGB values of R:94, G:134, B:255 and CMYK values of C:0.63, M:0.47, Y:0, K:0. Its decimal value is 6194943.

Hex triplet	5e86ff	`#5e86ff`
RGB Decimal	94, 134, 255	`rgb(94,134,255)`
RGB Percent	36.9, 52.5, 100	`rgb(36.9%,52.5%,100%)`
CMYK	63, 47, 0, 0
HSL	225.1°, 100, 68.4	`hsl(225.1,100%,68.4%)`
HSV (or HSB)	225.1°, 63.1, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.647, 23.111, -64.467
XYZ	31.187, 26.648, 98.102
xyY	0.2, 0.171, 26.648
CIE-LCH	58.647, 68.484, 289.722
CIE-LUV	58.647, -19.688, -104.932
Hunter-Lab	51.622, 17.503, -76.54
Binary	01011110, 10000110, 11111111

#5e86ff
```
#5e86ff rgb(94,134,255)
```
#ffd75e
```
#ffd75e rgb(255,215,94)
```

Complementary Color

#5ed7ff
```
#5ed7ff rgb(94,215,255)
```
#5e86ff
```
#5e86ff rgb(94,134,255)
```
#875eff
```
#875eff rgb(135,94,255)
```

Analogous Color

#d7ff5e
```
#d7ff5e rgb(215,255,94)
```
#5e86ff
```
#5e86ff rgb(94,134,255)
```
#ff875e
```
#ff875e rgb(255,135,94)
```

Split Complementary Color

#86ff5e
```
#86ff5e rgb(134,255,94)
```
#5e86ff
```
#5e86ff rgb(94,134,255)
```
#ff5e86
```
#ff5e86 rgb(255,94,134)
```

Triadic Color

#5effd7
```
#5effd7 rgb(94,255,215)
```
#5e86ff
```
#5e86ff rgb(94,134,255)
```
#ff5e86
```
#ff5e86 rgb(255,94,134)
```
#ffd75e
```
#ffd75e rgb(255,215,94)
```

Tetradic Color

#124dff
```
#124dff rgb(18,77,255)
```
#2b60ff
```
#2b60ff rgb(43,96,255)
```
#4573ff
```
#4573ff rgb(69,115,255)
```
#5e86ff
```
#5e86ff rgb(94,134,255)
```
#7899ff
```
#7899ff rgb(120,153,255)
```
#91acff
```
#91acff rgb(145,172,255)
```
#abbfff
```
#abbfff rgb(171,191,255)
```

Monochromatic Color

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

#5eaeff
```
#5eaeff rgb(94,174,255)
```
#5ea1ff
```
#5ea1ff rgb(94,161,255)
```
#5e93ff
```
#5e93ff rgb(94,147,255)
```
#5e86ff
```
#5e86ff rgb(94,134,255)
```
#5e79ff
```
#5e79ff rgb(94,121,255)
```
#5e6bff
```
#5e6bff rgb(94,107,255)
```
#5e5eff
```
#5e5eff rgb(94,94,255)
```

Similar Colors

Text with hexadecimal color #5e86ff

This text has a font color of #5e86ff.

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

#5e86ff background color

This paragraph has a background color of #5e86ff.

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

#5e86ff border color

This element has a border color of #5e86ff.

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

CSS codes

.text {color:#5e86ff;}

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

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

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

#000410
```
#000410 rgb(0,4,16)
```
#000923
```
#000923 rgb(0,9,35)
```
#000e37
```
#000e37 rgb(0,14,55)
```
#00124a
```
#00124a rgb(0,18,74)
```
#00175e
```
#00175e rgb(0,23,94)
```
#001c72
```
#001c72 rgb(0,28,114)
```
#002185
```
#002185 rgb(0,33,133)
```
#002699
```
#002699 rgb(0,38,153)
```
#002bac
```
#002bac rgb(0,43,172)
```
#0030c0
```
#0030c0 rgb(0,48,192)
```
#0035d4
```
#0035d4 rgb(0,53,212)
```
#0039e7
```
#0039e7 rgb(0,57,231)
```
#003efb
```
#003efb rgb(0,62,251)
```

Shade Color Variation

#104bff
```
#104bff rgb(16,75,255)
```
#235aff
```
#235aff rgb(35,90,255)
```
#3769ff
```
#3769ff rgb(55,105,255)
```
#4a77ff
```
#4a77ff rgb(74,119,255)
```
#5e86ff
```
#5e86ff rgb(94,134,255)
```
#7295ff
```
#7295ff rgb(114,149,255)
```
#85a3ff
```
#85a3ff rgb(133,163,255)
```
#99b2ff
```
#99b2ff rgb(153,178,255)
```
#acc1ff
```
#acc1ff rgb(172,193,255)
```
#c0d0ff
```
#c0d0ff rgb(192,208,255)
```
#d4deff
```
#d4deff rgb(212,222,255)
```
#e7edff
```
#e7edff rgb(231,237,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#a8abb5
```
#a8abb5 rgb(168,171,181)
```
#a2a8bb
```
#a2a8bb rgb(162,168,187)
```
#9ca5c1
```
#9ca5c1 rgb(156,165,193)
```
#96a2c7
```
#96a2c7 rgb(150,162,199)
```
#909fcd
```
#909fcd rgb(144,159,205)
```
#899cd4
```
#899cd4 rgb(137,156,212)
```
#8399da
```
#8399da rgb(131,153,218)
```
#7d96e0
```
#7d96e0 rgb(125,150,224)
```
#7792e6
```
#7792e6 rgb(119,146,230)
```
#718fec
```
#718fec rgb(113,143,236)
```
#6a8cf3
```
#6a8cf3 rgb(106,140,243)
```
#6489f9
```
#6489f9 rgb(100,137,249)
```
#5e86ff
```
#5e86ff rgb(94,134,255)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#8088a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#548fff Protanopia 1% of men
#0095f9 Deuteranopia 1% of men
#1ca0ac Tritanopia 0.001% of the population

Trichromacy

#578bff Protanomaly 1% of men, 0.01% of women
#228ffb Deuteranomaly 6% of men, 0.4% of women
#3497ca Tritanomaly 0.01% of the population

#5e86ff hex color

#5e86ff Color Information

#5e86ff Color Conversion

Color Schemes with #5e86ff

Alternatives to #5e86ff

#5e86ff Preview

Shades and Tints of #5e86ff

Tones of #5e86ff

Color Blindness Simulator