#858ef2 hex color

In a RGB color space, hex #858ef2 is composed of 52.2% red, 55.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 41.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 235 degrees, a saturation of 80.7% and a lightness of 73.5%. #858ef2 color hex could be obtained by blending #ffffff with #0b1de5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 56
- B 95
RGB color chart
- C 45
- M 41
- Y 0
- K 5
CMYK color chart

● #858ef2 color description : Soft blue.

The hexadecimal color #858ef2 has RGB values of R:133, G:142, B:242 and CMYK values of C:0.45, M:0.41, Y:0, K:0.05. Its decimal value is 8752882.

Hex triplet	858ef2	`#858ef2`
RGB Decimal	133, 142, 242	`rgb(133,142,242)`
RGB Percent	52.2, 55.7, 94.9	`rgb(52.2%,55.7%,94.9%)`
CMYK	45, 41, 0, 5
HSL	235°, 80.7, 73.5	`hsl(235,80.7%,73.5%)`
HSV (or HSB)	235°, 45, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.289, 22.185, -51.364
XYZ	35.37, 30.742, 88.07
xyY	0.229, 0.199, 30.742
CIE-LCH	62.289, 55.95, 293.361
CIE-LUV	62.289, -9.602, -84.721
Hunter-Lab	55.446, 16.838, -55.364
Binary	10000101, 10001110, 11110010

#858ef2
```
#858ef2 rgb(133,142,242)
```
#f2e985
```
#f2e985 rgb(242,233,133)
```

Complementary Color

#85c5f2
```
#85c5f2 rgb(133,197,242)
```
#858ef2
```
#858ef2 rgb(133,142,242)
```
#b385f2
```
#b385f2 rgb(179,133,242)
```

Analogous Color

#c5f285
```
#c5f285 rgb(197,242,133)
```
#858ef2
```
#858ef2 rgb(133,142,242)
```
#f2b385
```
#f2b385 rgb(242,179,133)
```

Split Complementary Color

#8ef285
```
#8ef285 rgb(142,242,133)
```
#858ef2
```
#858ef2 rgb(133,142,242)
```
#f2858e
```
#f2858e rgb(242,133,142)
```

Triadic Color

#85f2e9
```
#85f2e9 rgb(133,242,233)
```
#858ef2
```
#858ef2 rgb(133,142,242)
```
#f2858e
```
#f2858e rgb(242,133,142)
```
#f2e985
```
#f2e985 rgb(242,233,133)
```

Tetradic Color

#404eeb
```
#404eeb rgb(64,78,235)
```
#5763ed
```
#5763ed rgb(87,99,237)
```
#6e79f0
```
#6e79f0 rgb(110,121,240)
```
#858ef2
```
#858ef2 rgb(133,142,242)
```
#9ca3f4
```
#9ca3f4 rgb(156,163,244)
```
#b3b9f7
```
#b3b9f7 rgb(179,185,247)
```
#cacef9
```
#cacef9 rgb(202,206,249)
```

Monochromatic Color

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

#85a9f2
```
#85a9f2 rgb(133,169,242)
```
#85a0f2
```
#85a0f2 rgb(133,160,242)
```
#8597f2
```
#8597f2 rgb(133,151,242)
```
#858ef2
```
#858ef2 rgb(133,142,242)
```
#8585f2
```
#8585f2 rgb(133,133,242)
```
#8e85f2
```
#8e85f2 rgb(142,133,242)
```
#9785f2
```
#9785f2 rgb(151,133,242)
```

Similar Colors

Text with hexadecimal color #858ef2

This text has a font color of #858ef2.

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

#858ef2 background color

This paragraph has a background color of #858ef2.

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

#858ef2 border color

This element has a border color of #858ef2.

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

CSS codes

.text {color:#858ef2;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#020414
```
#020414 rgb(2,4,20)
```
#040726
```
#040726 rgb(4,7,38)
```
#060a37
```
#060a37 rgb(6,10,55)
```
#080d49
```
#080d49 rgb(8,13,73)
```
#0a105b
```
#0a105b rgb(10,16,91)
```
#0c146c
```
#0c146c rgb(12,20,108)
```
#0d177e
```
#0d177e rgb(13,23,126)
```
#0f1a90
```
#0f1a90 rgb(15,26,144)
```
#111da2
```
#111da2 rgb(17,29,162)
```
#1320b3
```
#1320b3 rgb(19,32,179)
```
#1524c5
```
#1524c5 rgb(21,36,197)
```
#1727d7
```
#1727d7 rgb(23,39,215)
```

Shade Color Variation

#1b2be7
```
#1b2be7 rgb(27,43,231)
```
#2c3ce9
```
#2c3ce9 rgb(44,60,233)
```
#3e4cea
```
#3e4cea rgb(62,76,234)
```
#505dec
```
#505dec rgb(80,93,236)
```
#626dee
```
#626dee rgb(98,109,238)
```
#737ef0
```
#737ef0 rgb(115,126,240)
```
#858ef2
```
#858ef2 rgb(133,142,242)
```
#979ef4
```
#979ef4 rgb(151,158,244)
```
#a8aff6
```
#a8aff6 rgb(168,175,246)
```
#babff8
```
#babff8 rgb(186,191,248)
```
#ccd0fa
```
#ccd0fa rgb(204,208,250)
```
#dee0fb
```
#dee0fb rgb(222,224,251)
```
#eff1fd
```
#eff1fd rgb(239,241,253)
```

Tint Color Variation

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

#b9b9be
```
#b9b9be rgb(185,185,190)
```
#b4b5c3
```
#b4b5c3 rgb(180,181,195)
```
#afb1c8
```
#afb1c8 rgb(175,177,200)
```
#a9acce
```
#a9acce rgb(169,172,206)
```
#a4a8d3
```
#a4a8d3 rgb(164,168,211)
```
#9fa4d8
```
#9fa4d8 rgb(159,164,216)
```
#9a9fdd
```
#9a9fdd rgb(154,159,221)
```
#959be2
```
#959be2 rgb(149,155,226)
```
#8f97e8
```
#8f97e8 rgb(143,151,232)
```
#8a92ed
```
#8a92ed rgb(138,146,237)
```
#858ef2
```
#858ef2 rgb(133,142,242)
```
#808af7
```
#808af7 rgb(128,138,247)
```
#7b85fc
```
#7b85fc rgb(123,133,252)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9395a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7298f6 Protanopia 1% of men
#669cef Deuteranopia 1% of men
#73a3af Tritanopia 0.001% of the population

Trichromacy

#7994f5 Protanomaly 1% of men, 0.01% of women
#7197f0 Deuteranomaly 6% of men, 0.4% of women
#799bc7 Tritanomaly 0.01% of the population

#858ef2 hex color

#858ef2 Color Information

#858ef2 Color Conversion

Color Schemes with #858ef2

Alternatives to #858ef2

#858ef2 Preview

Shades and Tints of #858ef2

Tones of #858ef2

Color Blindness Simulator