#5c85ef hex color

In a RGB color space, hex #5c85ef is composed of 36.1% red, 52.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 44.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 223.3 degrees, a saturation of 82.1% and a lightness of 64.9%. #5c85ef color hex could be obtained by blending #b8ffff with #000bdf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 52
- B 94
RGB color chart
- C 62
- M 44
- Y 0
- K 6
CMYK color chart

● #5c85ef color description : Soft blue.

The hexadecimal color #5c85ef has RGB values of R:92, G:133, B:239 and CMYK values of C:0.62, M:0.44, Y:0, K:0.06. Its decimal value is 6063599.

Hex triplet	5c85ef	`#5c85ef`
RGB Decimal	92, 133, 239	`rgb(92,133,239)`
RGB Percent	36.1, 52.2, 93.7	`rgb(36.1%,52.2%,93.7%)`
CMYK	62, 44, 0, 6
HSL	223.3°, 82.1, 64.9	`hsl(223.3,82.1%,64.9%)`
HSV (or HSB)	223.3°, 61.5, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.348, 18.027, -57.722
XYZ	28.378, 25.281, 85.041
xyY	0.205, 0.182, 25.281
CIE-LCH	57.348, 60.472, 287.344
CIE-LUV	57.348, -19.799, -93.197
Hunter-Lab	50.28, 12.755, -65.084
Binary	01011100, 10000101, 11101111

#5c85ef
```
#5c85ef rgb(92,133,239)
```
#efc65c
```
#efc65c rgb(239,198,92)
```

Complementary Color

#5ccfef
```
#5ccfef rgb(92,207,239)
```
#5c85ef
```
#5c85ef rgb(92,133,239)
```
#7d5cef
```
#7d5cef rgb(125,92,239)
```

Analogous Color

#cfef5c
```
#cfef5c rgb(207,239,92)
```
#5c85ef
```
#5c85ef rgb(92,133,239)
```
#ef7d5c
```
#ef7d5c rgb(239,125,92)
```

Split Complementary Color

#85ef5c
```
#85ef5c rgb(133,239,92)
```
#5c85ef
```
#5c85ef rgb(92,133,239)
```
#ef5c85
```
#ef5c85 rgb(239,92,133)
```

Triadic Color

#5cefc6
```
#5cefc6 rgb(92,239,198)
```
#5c85ef
```
#5c85ef rgb(92,133,239)
```
#ef5c85
```
#ef5c85 rgb(239,92,133)
```
#efc65c
```
#efc65c rgb(239,198,92)
```

Tetradic Color

#1751e8
```
#1751e8 rgb(23,81,232)
```
#2e62ea
```
#2e62ea rgb(46,98,234)
```
#4574ed
```
#4574ed rgb(69,116,237)
```
#5c85ef
```
#5c85ef rgb(92,133,239)
```
#7396f1
```
#7396f1 rgb(115,150,241)
```
#8aa8f4
```
#8aa8f4 rgb(138,168,244)
```
#a2b9f6
```
#a2b9f6 rgb(162,185,246)
```

Monochromatic Color

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

#5caaef
```
#5caaef rgb(92,170,239)
```
#5c9eef
```
#5c9eef rgb(92,158,239)
```
#5c91ef
```
#5c91ef rgb(92,145,239)
```
#5c85ef
```
#5c85ef rgb(92,133,239)
```
#5c79ef
```
#5c79ef rgb(92,121,239)
```
#5c6def
```
#5c6def rgb(92,109,239)
```
#5c60ef
```
#5c60ef rgb(92,96,239)
```

Similar Colors

Text with hexadecimal color #5c85ef

This text has a font color of #5c85ef.

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

#5c85ef background color

This paragraph has a background color of #5c85ef.

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

#5c85ef border color

This element has a border color of #5c85ef.

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

CSS codes

.text {color:#5c85ef;}

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

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

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

#020510
```
#020510 rgb(2,5,16)
```
#030c21
```
#030c21 rgb(3,12,33)
```
#051233
```
#051233 rgb(5,18,51)
```
#071845
```
#071845 rgb(7,24,69)
```
#091e57
```
#091e57 rgb(9,30,87)
```
#0a2569
```
#0a2569 rgb(10,37,105)
```
#0c2b7b
```
#0c2b7b rgb(12,43,123)
```
#0e318d
```
#0e318d rgb(14,49,141)
```
#10379f
```
#10379f rgb(16,55,159)
```
#113eb0
```
#113eb0 rgb(17,62,176)
```
#1344c2
```
#1344c2 rgb(19,68,194)
```
#154ad4
```
#154ad4 rgb(21,74,212)
```
#1750e6
```
#1750e6 rgb(23,80,230)
```

Shade Color Variation

#265dea
```
#265dea rgb(38,93,234)
```
#386aeb
```
#386aeb rgb(56,106,235)
```
#4a78ed
```
#4a78ed rgb(74,120,237)
```
#5c85ef
```
#5c85ef rgb(92,133,239)
```
#6e92f1
```
#6e92f1 rgb(110,146,241)
```
#80a0f3
```
#80a0f3 rgb(128,160,243)
```
#92adf4
```
#92adf4 rgb(146,173,244)
```
#a3baf6
```
#a3baf6 rgb(163,186,246)
```
#b5c8f8
```
#b5c8f8 rgb(181,200,248)
```
#c7d5fa
```
#c7d5fa rgb(199,213,250)
```
#d9e3fb
```
#d9e3fb rgb(217,227,251)
```
#ebf0fd
```
#ebf0fd rgb(235,240,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a1a3aa
```
#a1a3aa rgb(161,163,170)
```
#9aa0b1
```
#9aa0b1 rgb(154,160,177)
```
#939db8
```
#939db8 rgb(147,157,184)
```
#8c9abf
```
#8c9abf rgb(140,154,191)
```
#8597c6
```
#8597c6 rgb(133,151,198)
```
#7e94cd
```
#7e94cd rgb(126,148,205)
```
#7891d3
```
#7891d3 rgb(120,145,211)
```
#718eda
```
#718eda rgb(113,142,218)
```
#6a8be1
```
#6a8be1 rgb(106,139,225)
```
#6388e8
```
#6388e8 rgb(99,136,232)
```
#5c85ef
```
#5c85ef rgb(92,133,239)
```
#5582f6
```
#5582f6 rgb(85,130,246)
```
#4e7ffd
```
#4e7ffd rgb(78,127,253)
```

Tone Color Variation

Below, you can see how #5c85ef 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
#7d859a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c8cf0 Protanopia 1% of men
#3991ed Deuteranopia 1% of men
#319ca8 Tritanopia 0.001% of the population

Trichromacy

#5c89f0 Protanomaly 1% of men, 0.01% of women
#468ced Deuteranomaly 6% of men, 0.4% of women
#4194c1 Tritanomaly 0.01% of the population

#5c85ef hex color

#5c85ef Color Information

#5c85ef Color Conversion

Color Schemes with #5c85ef

Alternatives to #5c85ef

#5c85ef Preview

Shades and Tints of #5c85ef

Tones of #5c85ef

Color Blindness Simulator