#858caa hex color

In a RGB color space, hex #858caa is composed of 52.2% red, 54.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 17.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 228.6 degrees, a saturation of 17.9% and a lightness of 59.4%. #858caa color hex could be obtained by blending #ffffff with #0b1955. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 52
- G 55
- B 67
RGB color chart
- C 22
- M 18
- Y 0
- K 33
CMYK color chart

● #858caa color description : Dark grayish blue.

The hexadecimal color #858caa has RGB values of R:133, G:140, B:170 and CMYK values of C:0.22, M:0.18, Y:0, K:0.33. Its decimal value is 8752298.

Hex triplet	858caa	`#858caa`
RGB Decimal	133, 140, 170	`rgb(133,140,170)`
RGB Percent	52.2, 54.9, 66.7	`rgb(52.2%,54.9%,66.7%)`
CMYK	22, 18, 0, 33
HSL	228.6°, 17.9, 59.4	`hsl(228.6,17.9%,59.4%)`
HSV (or HSB)	228.6°, 21.8, 66.7
Web Safe	999999	`#999999`

CIE-LAB	58.644, 4.099, -16.643
XYZ	26.305, 26.645, 41.785
xyY	0.278, 0.281, 26.645
CIE-LCH	58.644, 17.14, 283.836
CIE-LUV	58.644, -5.329, -25.452
Hunter-Lab	51.618, 0.633, -11.862
Binary	10000101, 10001100, 10101010

#858caa
```
#858caa rgb(133,140,170)
```
#aaa385
```
#aaa385 rgb(170,163,133)
```

Complementary Color

#859faa
```
#859faa rgb(133,159,170)
```
#858caa
```
#858caa rgb(133,140,170)
```
#9185aa
```
#9185aa rgb(145,133,170)
```

Analogous Color

#9faa85
```
#9faa85 rgb(159,170,133)
```
#858caa
```
#858caa rgb(133,140,170)
```
#aa9185
```
#aa9185 rgb(170,145,133)
```

Split Complementary Color

#8caa85
```
#8caa85 rgb(140,170,133)
```
#858caa
```
#858caa rgb(133,140,170)
```
#aa858c
```
#aa858c rgb(170,133,140)
```

Triadic Color

#85aaa3
```
#85aaa3 rgb(133,170,163)
```
#858caa
```
#858caa rgb(133,140,170)
```
#aa858c
```
#aa858c rgb(170,133,140)
```
#aaa385
```
#aaa385 rgb(170,163,133)
```

Tetradic Color

#5d6585
```
#5d6585 rgb(93,101,133)
```
#677095
```
#677095 rgb(103,112,149)
```
#767ea0
```
#767ea0 rgb(118,126,160)
```
#858caa
```
#858caa rgb(133,140,170)
```
#949ab4
```
#949ab4 rgb(148,154,180)
```
#a3a8bf
```
#a3a8bf rgb(163,168,191)
```
#b2b7c9
```
#b2b7c9 rgb(178,183,201)
```

Monochromatic Color

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

#8595aa
```
#8595aa rgb(133,149,170)
```
#8592aa
```
#8592aa rgb(133,146,170)
```
#858faa
```
#858faa rgb(133,143,170)
```
#858caa
```
#858caa rgb(133,140,170)
```
#8589aa
```
#8589aa rgb(133,137,170)
```
#8586aa
```
#8586aa rgb(133,134,170)
```
#8785aa
```
#8785aa rgb(135,133,170)
```

Similar Colors

Text with hexadecimal color #858caa

This text has a font color of #858caa.

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

#858caa background color

This paragraph has a background color of #858caa.

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

#858caa border color

This element has a border color of #858caa.

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

CSS codes

.text {color:#858caa;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0d11
```
#0c0d11 rgb(12,13,17)
```
#14151c
```
#14151c rgb(20,21,28)
```
#1c1e28
```
#1c1e28 rgb(28,30,40)
```
#242733
```
#242733 rgb(36,39,51)
```
#2c2f3f
```
#2c2f3f rgb(44,47,63)
```
#34384b
```
#34384b rgb(52,56,75)
```
#3c4156
```
#3c4156 rgb(60,65,86)
```
#444a62
```
#444a62 rgb(68,74,98)
```
#4c526d
```
#4c526d rgb(76,82,109)
```
#545b79
```
#545b79 rgb(84,91,121)
```
#5c6484
```
#5c6484 rgb(92,100,132)
```
#646d90
```
#646d90 rgb(100,109,144)
```

Shade Color Variation

#6e769a
```
#6e769a rgb(110,118,154)
```
#7981a2
```
#7981a2 rgb(121,129,162)
```
#858caa
```
#858caa rgb(133,140,170)
```
#9197b2
```
#9197b2 rgb(145,151,178)
```
#9ca2ba
```
#9ca2ba rgb(156,162,186)
```
#a8adc2
```
#a8adc2 rgb(168,173,194)
```
#b3b8ca
```
#b3b8ca rgb(179,184,202)
```
#bfc2d2
```
#bfc2d2 rgb(191,194,210)
```
#cacdda
```
#cacdda rgb(202,205,218)
```
#d6d8e2
```
#d6d8e2 rgb(214,216,226)
```
#e1e3ea
```
#e1e3ea rgb(225,227,234)
```
#edeef2
```
#edeef2 rgb(237,238,242)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95969a is the less saturated color, while #355bfa is the most saturated one.

#95969a
```
#95969a rgb(149,150,154)
```
#8d91a2
```
#8d91a2 rgb(141,145,162)
```
#858caa
```
#858caa rgb(133,140,170)
```
#7d87b2
```
#7d87b2 rgb(125,135,178)
```
#7582ba
```
#7582ba rgb(117,130,186)
```
#6d7dc2
```
#6d7dc2 rgb(109,125,194)
```
#6578ca
```
#6578ca rgb(101,120,202)
```
#5d73d2
```
#5d73d2 rgb(93,115,210)
```
#556eda
```
#556eda rgb(85,110,218)
```
#4d69e2
```
#4d69e2 rgb(77,105,226)
```
#4564ea
```
#4564ea rgb(69,100,234)
```
#3d5ff2
```
#3d5ff2 rgb(61,95,242)
```
#355bfa
```
#355bfa rgb(53,91,250)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#8b8d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c91ae Protanopia 1% of men
#9190af Deuteranopia 1% of men
#87949f Tritanopia 0.001% of the population

Trichromacy

#898fac Protanomaly 1% of men, 0.01% of women
#8d8ead Deuteranomaly 6% of men, 0.4% of women
#8691a3 Tritanomaly 0.01% of the population

#858caa hex color

#858caa Color Information

#858caa Color Conversion

Color Schemes with #858caa

Alternatives to #858caa

#858caa Preview

Shades and Tints of #858caa

Tones of #858caa

Color Blindness Simulator