#5c85fc hex color

In a RGB color space, hex #5c85fc is composed of 36.1% red, 52.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 47.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 224.6 degrees, a saturation of 96.4% and a lightness of 67.5%. #5c85fc color hex could be obtained by blending #b8ffff with #000bf9. Closest websafe color is: #6699ff.

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

● #5c85fc color description : Soft blue.

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

Hex triplet	5c85fc	`#5c85fc`
RGB Decimal	92, 133, 252	`rgb(92,133,252)`
RGB Percent	36.1, 52.2, 98.8	`rgb(36.1%,52.2%,98.8%)`
CMYK	63, 47, 0, 1
HSL	224.6°, 96.4, 67.5	`hsl(224.6,96.4%,67.5%)`
HSV (or HSB)	224.6°, 63.5, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.11, 22.38, -63.685
XYZ	30.368, 26.077, 95.523
xyY	0.2, 0.172, 26.077
CIE-LCH	58.11, 67.503, 289.362
CIE-LUV	58.11, -19.861, -103.413
Hunter-Lab	51.066, 16.787, -75.162
Binary	01011100, 10000101, 11111100

#5c85fc
```
#5c85fc rgb(92,133,252)
```
#fcd35c
```
#fcd35c rgb(252,211,92)
```

Complementary Color

#5cd5fc
```
#5cd5fc rgb(92,213,252)
```
#5c85fc
```
#5c85fc rgb(92,133,252)
```
#835cfc
```
#835cfc rgb(131,92,252)
```

Analogous Color

#d5fc5c
```
#d5fc5c rgb(213,252,92)
```
#5c85fc
```
#5c85fc rgb(92,133,252)
```
#fc835c
```
#fc835c rgb(252,131,92)
```

Split Complementary Color

#85fc5c
```
#85fc5c rgb(133,252,92)
```
#5c85fc
```
#5c85fc rgb(92,133,252)
```
#fc5c85
```
#fc5c85 rgb(252,92,133)
```

Triadic Color

#5cfcd3
```
#5cfcd3 rgb(92,252,211)
```
#5c85fc
```
#5c85fc rgb(92,133,252)
```
#fc5c85
```
#fc5c85 rgb(252,92,133)
```
#fcd35c
```
#fcd35c rgb(252,211,92)
```

Tetradic Color

#114dfb
```
#114dfb rgb(17,77,251)
```
#2a60fb
```
#2a60fb rgb(42,96,251)
```
#4372fc
```
#4372fc rgb(67,114,252)
```
#5c85fc
```
#5c85fc rgb(92,133,252)
```
#7598fc
```
#7598fc rgb(117,152,252)
```
#8eaafd
```
#8eaafd rgb(142,170,253)
```
#a7bdfd
```
#a7bdfd rgb(167,189,253)
```

Monochromatic Color

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

#5cadfc
```
#5cadfc rgb(92,173,252)
```
#5ca0fc
```
#5ca0fc rgb(92,160,252)
```
#5c92fc
```
#5c92fc rgb(92,146,252)
```
#5c85fc
```
#5c85fc rgb(92,133,252)
```
#5c78fc
```
#5c78fc rgb(92,120,252)
```
#5c6afc
```
#5c6afc rgb(92,106,252)
```
#5c5dfc
```
#5c5dfc rgb(92,93,252)
```

Similar Colors

Text with hexadecimal color #5c85fc

This text has a font color of #5c85fc.

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

#5c85fc background color

This paragraph has a background color of #5c85fc.

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

#5c85fc border color

This element has a border color of #5c85fc.

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

CSS codes

.text {color:#5c85fc;}

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

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

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

#00030a
```
#00030a rgb(0,3,10)
```
#01081e
```
#01081e rgb(1,8,30)
```
#010d31
```
#010d31 rgb(1,13,49)
```
#011244
```
#011244 rgb(1,18,68)
```
#021857
```
#021857 rgb(2,24,87)
```
#021d6b
```
#021d6b rgb(2,29,107)
```
#02227e
```
#02227e rgb(2,34,126)
```
#032791
```
#032791 rgb(3,39,145)
```
#032ca4
```
#032ca4 rgb(3,44,164)
```
#0332b8
```
#0332b8 rgb(3,50,184)
```
#0437cb
```
#0437cb rgb(4,55,203)
```
#043cde
```
#043cde rgb(4,60,222)
```
#0441f1
```
#0441f1 rgb(4,65,241)
```

Shade Color Variation

#0f4bfb
```
#0f4bfb rgb(15,75,251)
```
#225afb
```
#225afb rgb(34,90,251)
```
#3568fb
```
#3568fb rgb(53,104,251)
```
#4977fc
```
#4977fc rgb(73,119,252)
```
#5c85fc
```
#5c85fc rgb(92,133,252)
```
#6f93fc
```
#6f93fc rgb(111,147,252)
```
#83a2fd
```
#83a2fd rgb(131,162,253)
```
#96b0fd
```
#96b0fd rgb(150,176,253)
```
#a9bffd
```
#a9bffd rgb(169,191,253)
```
#bccdfe
```
#bccdfe rgb(188,205,254)
```
#d0dbfe
```
#d0dbfe rgb(208,219,254)
```
#e3eafe
```
#e3eafe rgb(227,234,254)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#a9aaaf
```
#a9aaaf rgb(169,170,175)
```
#a2a7b6
```
#a2a7b6 rgb(162,167,182)
```
#9ca4bc
```
#9ca4bc rgb(156,164,188)
```
#95a1c3
```
#95a1c3 rgb(149,161,195)
```
#8f9ec9
```
#8f9ec9 rgb(143,158,201)
```
#899bcf
```
#899bcf rgb(137,155,207)
```
#8298d6
```
#8298d6 rgb(130,152,214)
```
#7c95dc
```
#7c95dc rgb(124,149,220)
```
#7691e2
```
#7691e2 rgb(118,145,226)
```
#6f8ee9
```
#6f8ee9 rgb(111,142,233)
```
#698bef
```
#698bef rgb(105,139,239)
```
#6288f6
```
#6288f6 rgb(98,136,246)
```
#5c85fc
```
#5c85fc rgb(92,133,252)
```

Tone Color Variation

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

Dichromacy

#518dfe Protanopia 1% of men
#0094f6 Deuteranopia 1% of men
#189fab Tritanopia 0.001% of the population

Trichromacy

#558afd Protanomaly 1% of men, 0.01% of women
#218ef8 Deuteranomaly 6% of men, 0.4% of women
#3095c8 Tritanomaly 0.01% of the population

#5c85fc hex color

#5c85fc Color Information

#5c85fc Color Conversion

Color Schemes with #5c85fc

Alternatives to #5c85fc

#5c85fc Preview

Shades and Tints of #5c85fc

Tones of #5c85fc

Color Blindness Simulator