#5e85fc hex color

In a RGB color space, hex #5e85fc is composed of 36.9% red, 52.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 47.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 225.2 degrees, a saturation of 96.3% and a lightness of 67.8%. #5e85fc color hex could be obtained by blending #bcffff with #000bf9. Closest websafe color is: #6699ff.

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

● #5e85fc color description : Soft blue.

The hexadecimal color #5e85fc has RGB values of R:94, G:133, B:252 and CMYK values of C:0.63, M:0.47, Y:0, K:0.01. Its decimal value is 6194684.

Hex triplet	5e85fc	`#5e85fc`
RGB Decimal	94, 133, 252	`rgb(94,133,252)`
RGB Percent	36.9, 52.2, 98.8	`rgb(36.9%,52.2%,98.8%)`
CMYK	63, 47, 0, 1
HSL	225.2°, 96.3, 67.8	`hsl(225.2,96.3%,67.8%)`
HSV (or HSB)	225.2°, 62.7, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.209, 22.712, -63.521
XYZ	30.571, 26.181, 95.533
xyY	0.201, 0.172, 26.181
CIE-LCH	58.209, 67.459, 289.675
CIE-LUV	58.209, -19.36, -103.222
Hunter-Lab	51.168, 17.103, -74.88
Binary	01011110, 10000101, 11111100

#5e85fc
```
#5e85fc rgb(94,133,252)
```
#fcd55e
```
#fcd55e rgb(252,213,94)
```

Complementary Color

#5ed4fc
```
#5ed4fc rgb(94,212,252)
```
#5e85fc
```
#5e85fc rgb(94,133,252)
```
#865efc
```
#865efc rgb(134,94,252)
```

Analogous Color

#d4fc5e
```
#d4fc5e rgb(212,252,94)
```
#5e85fc
```
#5e85fc rgb(94,133,252)
```
#fc865e
```
#fc865e rgb(252,134,94)
```

Split Complementary Color

#85fc5e
```
#85fc5e rgb(133,252,94)
```
#5e85fc
```
#5e85fc rgb(94,133,252)
```
#fc5e85
```
#fc5e85 rgb(252,94,133)
```

Triadic Color

#5efcd5
```
#5efcd5 rgb(94,252,213)
```
#5e85fc
```
#5e85fc rgb(94,133,252)
```
#fc5e85
```
#fc5e85 rgb(252,94,133)
```
#fcd55e
```
#fcd55e rgb(252,213,94)
```

Tetradic Color

#134cfb
```
#134cfb rgb(19,76,251)
```
#2c5ffb
```
#2c5ffb rgb(44,95,251)
```
#4572fc
```
#4572fc rgb(69,114,252)
```
#5e85fc
```
#5e85fc rgb(94,133,252)
```
#7798fc
```
#7798fc rgb(119,152,252)
```
#90abfd
```
#90abfd rgb(144,171,253)
```
#a9befd
```
#a9befd rgb(169,190,253)
```

Monochromatic Color

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

#5eadfc
```
#5eadfc rgb(94,173,252)
```
#5e9ffc
```
#5e9ffc rgb(94,159,252)
```
#5e92fc
```
#5e92fc rgb(94,146,252)
```
#5e85fc
```
#5e85fc rgb(94,133,252)
```
#5e78fc
```
#5e78fc rgb(94,120,252)
```
#5e6bfc
```
#5e6bfc rgb(94,107,252)
```
#5e5efc
```
#5e5efc rgb(94,94,252)
```

Similar Colors

Text with hexadecimal color #5e85fc

This text has a font color of #5e85fc.

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

#5e85fc background color

This paragraph has a background color of #5e85fc.

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

#5e85fc border color

This element has a border color of #5e85fc.

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

CSS codes

.text {color:#5e85fc;}

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

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

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, #00030c is the darkest color, while #f8faff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#010820
```
#010820 rgb(1,8,32)
```
#010d33
```
#010d33 rgb(1,13,51)
```
#011246
```
#011246 rgb(1,18,70)
```
#021759
```
#021759 rgb(2,23,89)
```
#021c6d
```
#021c6d rgb(2,28,109)
```
#022180
```
#022180 rgb(2,33,128)
```
#032693
```
#032693 rgb(3,38,147)
```
#032ba6
```
#032ba6 rgb(3,43,166)
```
#0330ba
```
#0330ba rgb(3,48,186)
```
#0435cd
```
#0435cd rgb(4,53,205)
```
#043ae0
```
#043ae0 rgb(4,58,224)
```
#053ff3
```
#053ff3 rgb(5,63,243)
```

Shade Color Variation

#114bfb
```
#114bfb rgb(17,75,251)
```
#2459fb
```
#2459fb rgb(36,89,251)
```
#3768fb
```
#3768fb rgb(55,104,251)
```
#4b76fc
```
#4b76fc rgb(75,118,252)
```
#5e85fc
```
#5e85fc rgb(94,133,252)
```
#7194fc
```
#7194fc rgb(113,148,252)
```
#85a2fd
```
#85a2fd rgb(133,162,253)
```
#98b1fd
```
#98b1fd rgb(152,177,253)
```
#abbffd
```
#abbffd rgb(171,191,253)
```
#becefe
```
#becefe rgb(190,206,254)
```
#d2ddfe
```
#d2ddfe rgb(210,221,254)
```
#e5ebff
```
#e5ebff rgb(229,235,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#aaabb0
```
#aaabb0 rgb(170,171,176)
```
#a3a8b7
```
#a3a8b7 rgb(163,168,183)
```
#9da5bd
```
#9da5bd rgb(157,165,189)
```
#97a2c3
```
#97a2c3 rgb(151,162,195)
```
#909fca
```
#909fca rgb(144,159,202)
```
#8a9bd0
```
#8a9bd0 rgb(138,155,208)
```
#8498d6
```
#8498d6 rgb(132,152,214)
```
#7e95dc
```
#7e95dc rgb(126,149,220)
```
#7792e3
```
#7792e3 rgb(119,146,227)
```
#718fe9
```
#718fe9 rgb(113,143,233)
```
#6b8bef
```
#6b8bef rgb(107,139,239)
```
#6488f6
```
#6488f6 rgb(100,136,246)
```
#5e85fc
```
#5e85fc rgb(94,133,252)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7f879e Atypical Achromatopsia 0.001% of the population

Dichromacy

#518efe Protanopia 1% of men
#0094f7 Deuteranopia 1% of men
#229fab Tritanopia 0.001% of the population

Trichromacy

#568afd Protanomaly 1% of men, 0.01% of women
#228ef9 Deuteranomaly 6% of men, 0.4% of women
#3895c8 Tritanomaly 0.01% of the population

#5e85fc hex color

#5e85fc Color Information

#5e85fc Color Conversion

Color Schemes with #5e85fc

Alternatives to #5e85fc

#5e85fc Preview

Shades and Tints of #5e85fc

Tones of #5e85fc

Color Blindness Simulator