colorhexa.com

#858dc2 hex color

In a RGB color space, hex #858dc2 is composed of 52.2% red, 55.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 27.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 232.1 degrees, a saturation of 33.3% and a lightness of 64.1%. #858dc2 color hex could be obtained by blending #ffffff with #0b1b85. Closest websafe color is: #9999cc.

- R 52
- G 55
- B 76
RGB color chart
- C 31
- M 27
- Y 0
- K 24
CMYK color chart

● #858dc2 color description : Slightly desaturated blue.

The hexadecimal color #858dc2 has RGB values of R:133, G:141, B:194 and CMYK values of C:0.31, M:0.27, Y:0, K:0.24. Its decimal value is 8752578.

Hex triplet	858dc2	`#858dc2`
RGB Decimal	133, 141, 194	`rgb(133,141,194)`
RGB Percent	52.2, 55.3, 76.1	`rgb(52.2%,55.3%,76.1%)`
CMYK	31, 27, 0, 24
HSL	232.1°, 33.3, 64.1	`hsl(232.1,33.3%,64.1%)`
HSV (or HSB)	232.1°, 31.4, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	59.826, 9.512, -28.452
XYZ	28.933, 27.931, 54.903
xyY	0.259, 0.25, 27.931
CIE-LCH	59.826, 30, 288.486
CIE-LUV	59.826, -6.936, -45.104
Hunter-Lab	52.85, 5.236, -24.599
Binary	10000101, 10001101, 11000010

#858dc2
```
#858dc2 rgb(133,141,194)
```
#c2ba85
```
#c2ba85 rgb(194,186,133)
```

Complementary Color

#85acc2
```
#85acc2 rgb(133,172,194)
```
#858dc2
```
#858dc2 rgb(133,141,194)
```
#9c85c2
```
#9c85c2 rgb(156,133,194)
```

Analogous Color

#acc285
```
#acc285 rgb(172,194,133)
```
#858dc2
```
#858dc2 rgb(133,141,194)
```
#c29c85
```
#c29c85 rgb(194,156,133)
```

Split Complementary Color

#8dc285
```
#8dc285 rgb(141,194,133)
```
#858dc2
```
#858dc2 rgb(133,141,194)
```
#c2858d
```
#c2858d rgb(194,133,141)
```

Triadic Color

#85c2ba
```
#85c2ba rgb(133,194,186)
```
#858dc2
```
#858dc2 rgb(133,141,194)
```
#c2858d
```
#c2858d rgb(194,133,141)
```
#c2ba85
```
#c2ba85 rgb(194,186,133)
```

Tetradic Color

#545ea7
```
#545ea7 rgb(84,94,167)
```
#636db1
```
#636db1 rgb(99,109,177)
```
#747dba
```
#747dba rgb(116,125,186)
```
#858dc2
```
#858dc2 rgb(133,141,194)
```
#969dcb
```
#969dcb rgb(150,157,203)
```
#a7add3
```
#a7add3 rgb(167,173,211)
```
#b8bddc
```
#b8bddc rgb(184,189,220)
```

Monochromatic Color

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

#859cc2
```
#859cc2 rgb(133,156,194)
```
#8597c2
```
#8597c2 rgb(133,151,194)
```
#8592c2
```
#8592c2 rgb(133,146,194)
```
#858dc2
```
#858dc2 rgb(133,141,194)
```
#8588c2
```
#8588c2 rgb(133,136,194)
```
#8785c2
```
#8785c2 rgb(135,133,194)
```
#8c85c2
```
#8c85c2 rgb(140,133,194)
```

Similar Colors

Text with hexadecimal color #858dc2

This text has a font color of #858dc2.

<span style="color:#858dc2;">Text here</span>

#858dc2 background color

This paragraph has a background color of #858dc2.

<p style="background-color:#858dc2;">Content here</p>

#858dc2 border color

This element has a border color of #858dc2.

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

CSS codes

.text {color:#858dc2;}

.background {background-color:#858dc2;}

.border {border:1px solid #858dc2;}

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

#040509
```
#040509 rgb(4,5,9)
```
#0b0c16
```
#0b0c16 rgb(11,12,22)
```
#111423
```
#111423 rgb(17,20,35)
```
#181b30
```
#181b30 rgb(24,27,48)
```
#1f233d
```
#1f233d rgb(31,35,61)
```
#252a4a
```
#252a4a rgb(37,42,74)
```
#2c3157
```
#2c3157 rgb(44,49,87)
```
#323964
```
#323964 rgb(50,57,100)
```
#394071
```
#394071 rgb(57,64,113)
```
#3f487e
```
#3f487e rgb(63,72,126)
```
#464f8c
```
#464f8c rgb(70,79,140)
```
#4c5699
```
#4c5699 rgb(76,86,153)
```
#535ea6
```
#535ea6 rgb(83,94,166)
```

Shade Color Variation

#5e68ae
```
#5e68ae rgb(94,104,174)
```
#6b75b5
```
#6b75b5 rgb(107,117,181)
```
#7881bb
```
#7881bb rgb(120,129,187)
```
#858dc2
```
#858dc2 rgb(133,141,194)
```
#9299c9
```
#9299c9 rgb(146,153,201)
```
#9fa5cf
```
#9fa5cf rgb(159,165,207)
```
#acb2d6
```
#acb2d6 rgb(172,178,214)
```
#b9bedc
```
#b9bedc rgb(185,190,220)
```
#c6cae3
```
#c6cae3 rgb(198,202,227)
```
#d3d6e9
```
#d3d6e9 rgb(211,214,233)
```
#e1e3f0
```
#e1e3f0 rgb(225,227,240)
```
#eeeff6
```
#eeeff6 rgb(238,239,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#a1a2a6
```
#a1a2a6 rgb(161,162,166)
```
#9a9dad
```
#9a9dad rgb(154,157,173)
```
#9397b4
```
#9397b4 rgb(147,151,180)
```
#8c92bb
```
#8c92bb rgb(140,146,187)
```
#858dc2
```
#858dc2 rgb(133,141,194)
```
#7e88c9
```
#7e88c9 rgb(126,136,201)
```
#7783d0
```
#7783d0 rgb(119,131,208)
```
#707dd7
```
#707dd7 rgb(112,125,215)
```
#6978de
```
#6978de rgb(105,120,222)
```
#6273e5
```
#6273e5 rgb(98,115,229)
```
#5b6eec
```
#5b6eec rgb(91,110,236)
```
#5469f3
```
#5469f3 rgb(84,105,243)
```
#4d63fa
```
#4d63fa rgb(77,99,250)
```

Tone Color Variation

Below, you can see how #858dc2 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

#919191 Achromatopsia 0.005% of the population
#8f909b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8694c5 Protanopia 1% of men
#8793c4 Deuteranopia 1% of men
#8299a4 Tritanopia 0.001% of the population

Trichromacy

#8591c4 Protanomaly 1% of men, 0.01% of women
#8691c3 Deuteranomaly 6% of men, 0.4% of women
#8394af Tritanomaly 0.01% of the population