#858fa9 hex color

In a RGB color space, hex #858fa9 is composed of 52.2% red, 56.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 15.4% magenta, 0% yellow and 33.7% black. It has a hue angle of 223.3 degrees, a saturation of 17.3% and a lightness of 59.2%. #858fa9 color hex could be obtained by blending #ffffff with #0b1f53. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 52
- G 56
- B 66
RGB color chart
- C 21
- M 15
- Y 0
- K 34
CMYK color chart

● #858fa9 color description : Dark grayish blue.

The hexadecimal color #858fa9 has RGB values of R:133, G:143, B:169 and CMYK values of C:0.21, M:0.15, Y:0, K:0.34. Its decimal value is 8753065.

Hex triplet	858fa9	`#858fa9`
RGB Decimal	133, 143, 169	`rgb(133,143,169)`
RGB Percent	52.2, 56.1, 66.3	`rgb(52.2%,56.1%,66.3%)`
CMYK	21, 15, 0, 34
HSL	223.3°, 17.3, 59.2	`hsl(223.3,17.3%,59.2%)`
HSV (or HSB)	223.3°, 21.3, 66.3
Web Safe	999999	`#999999`

CIE-LAB	59.43, 2.149, -14.882
XYZ	26.655, 27.496, 41.437
xyY	0.279, 0.288, 27.496
CIE-LCH	59.43, 15.037, 278.215
CIE-LUV	59.43, -6.639, -22.489
Hunter-Lab	52.436, -1.025, -10.147
Binary	10000101, 10001111, 10101001

#858fa9
```
#858fa9 rgb(133,143,169)
```
#a99f85
```
#a99f85 rgb(169,159,133)
```

Complementary Color

#85a1a9
```
#85a1a9 rgb(133,161,169)
```
#858fa9
```
#858fa9 rgb(133,143,169)
```
#8d85a9
```
#8d85a9 rgb(141,133,169)
```

Analogous Color

#a1a985
```
#a1a985 rgb(161,169,133)
```
#858fa9
```
#858fa9 rgb(133,143,169)
```
#a98d85
```
#a98d85 rgb(169,141,133)
```

Split Complementary Color

#8fa985
```
#8fa985 rgb(143,169,133)
```
#858fa9
```
#858fa9 rgb(133,143,169)
```
#a9858f
```
#a9858f rgb(169,133,143)
```

Triadic Color

#85a99f
```
#85a99f rgb(133,169,159)
```
#858fa9
```
#858fa9 rgb(133,143,169)
```
#a9858f
```
#a9858f rgb(169,133,143)
```
#a99f85
```
#a99f85 rgb(169,159,133)
```

Tetradic Color

#5d6884
```
#5d6884 rgb(93,104,132)
```
#687493
```
#687493 rgb(104,116,147)
```
#76819e
```
#76819e rgb(118,129,158)
```
#858fa9
```
#858fa9 rgb(133,143,169)
```
#949db4
```
#949db4 rgb(148,157,180)
```
#a3aabe
```
#a3aabe rgb(163,170,190)
```
#b2b8c9
```
#b2b8c9 rgb(178,184,201)
```

Monochromatic Color

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

#8598a9
```
#8598a9 rgb(133,152,169)
```
#8595a9
```
#8595a9 rgb(133,149,169)
```
#8592a9
```
#8592a9 rgb(133,146,169)
```
#858fa9
```
#858fa9 rgb(133,143,169)
```
#858ca9
```
#858ca9 rgb(133,140,169)
```
#8589a9
```
#8589a9 rgb(133,137,169)
```
#8586a9
```
#8586a9 rgb(133,134,169)
```

Similar Colors

Text with hexadecimal color #858fa9

This text has a font color of #858fa9.

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

#858fa9 background color

This paragraph has a background color of #858fa9.

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

#858fa9 border color

This element has a border color of #858fa9.

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

CSS codes

.text {color:#858fa9;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0d10
```
#0b0d10 rgb(11,13,16)
```
#13161c
```
#13161c rgb(19,22,28)
```
#1c1f27
```
#1c1f27 rgb(28,31,39)
```
#242833
```
#242833 rgb(36,40,51)
```
#2c313e
```
#2c313e rgb(44,49,62)
```
#343a4a
```
#343a4a rgb(52,58,74)
```
#3c4355
```
#3c4355 rgb(60,67,85)
```
#444c61
```
#444c61 rgb(68,76,97)
```
#4c556c
```
#4c556c rgb(76,85,108)
```
#545e78
```
#545e78 rgb(84,94,120)
```
#5c6783
```
#5c6783 rgb(92,103,131)
```
#65708f
```
#65708f rgb(101,112,143)
```

Shade Color Variation

#6e7a99
```
#6e7a99 rgb(110,122,153)
```
#7984a1
```
#7984a1 rgb(121,132,161)
```
#858fa9
```
#858fa9 rgb(133,143,169)
```
#919ab1
```
#919ab1 rgb(145,154,177)
```
#9ca4b9
```
#9ca4b9 rgb(156,164,185)
```
#a8afc1
```
#a8afc1 rgb(168,175,193)
```
#b3b9c9
```
#b3b9c9 rgb(179,185,201)
```
#bfc4d2
```
#bfc4d2 rgb(191,196,210)
```
#caceda
```
#caceda rgb(202,206,218)
```
#d6d9e2
```
#d6d9e2 rgb(214,217,226)
```
#e1e3ea
```
#e1e3ea rgb(225,227,234)
```
#edeef2
```
#edeef2 rgb(237,238,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#959699
```
#959699 rgb(149,150,153)
```
#8d93a1
```
#8d93a1 rgb(141,147,161)
```
#858fa9
```
#858fa9 rgb(133,143,169)
```
#7d8bb1
```
#7d8bb1 rgb(125,139,177)
```
#7588b9
```
#7588b9 rgb(117,136,185)
```
#6d84c1
```
#6d84c1 rgb(109,132,193)
```
#6581c9
```
#6581c9 rgb(101,129,201)
```
#5d7dd1
```
#5d7dd1 rgb(93,125,209)
```
#557ad9
```
#557ad9 rgb(85,122,217)
```
#4d76e1
```
#4d76e1 rgb(77,118,225)
```
#4573e9
```
#4573e9 rgb(69,115,233)
```
#3d6ff1
```
#3d6ff1 rgb(61,111,241)
```
#356bf9
```
#356bf9 rgb(53,107,249)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8d8f94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f93ac Protanopia 1% of men
#9591ae Deuteranopia 1% of men
#8896a1 Tritanopia 0.001% of the population

Trichromacy

#8b92ab Protanomaly 1% of men, 0.01% of women
#8f90ac Deuteranomaly 6% of men, 0.4% of women
#8794a4 Tritanomaly 0.01% of the population

#858fa9 hex color

#858fa9 Color Information

#858fa9 Color Conversion

Color Schemes with #858fa9

Alternatives to #858fa9

#858fa9 Preview

Shades and Tints of #858fa9

Tones of #858fa9

Color Blindness Simulator