#857fa2 hex color

In a RGB color space, hex #857fa2 is composed of 52.2% red, 49.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 21.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 250.3 degrees, a saturation of 15.8% and a lightness of 56.7%. #857fa2 color hex could be obtained by blending #fffeff with #0b0045. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 52
- G 50
- B 64
RGB color chart
- C 18
- M 22
- Y 0
- K 36
CMYK color chart

● #857fa2 color description : Dark grayish blue.

The hexadecimal color #857fa2 has RGB values of R:133, G:127, B:162 and CMYK values of C:0.18, M:0.22, Y:0, K:0.36. Its decimal value is 8748962.

Hex triplet	857fa2	`#857fa2`
RGB Decimal	133, 127, 162	`rgb(133,127,162)`
RGB Percent	52.2, 49.8, 63.5	`rgb(52.2%,49.8%,63.5%)`
CMYK	18, 22, 0, 36
HSL	250.3°, 15.8, 56.7	`hsl(250.3,15.8%,56.7%)`
HSV (or HSB)	250.3°, 21.6, 63.5
Web Safe	996699	`#996699`

CIE-LAB	54.839, 9.734, -17.835
XYZ	23.783, 22.774, 37.323
xyY	0.284, 0.272, 22.774
CIE-LCH	54.839, 20.318, 298.624
CIE-LUV	54.839, 1.03, -27.778
Hunter-Lab	47.722, 5.444, -12.965
Binary	10000101, 01111111, 10100010

#857fa2
```
#857fa2 rgb(133,127,162)
```
#9ca27f
```
#9ca27f rgb(156,162,127)
```

Complementary Color

#7f8ba2
```
#7f8ba2 rgb(127,139,162)
```
#857fa2
```
#857fa2 rgb(133,127,162)
```
#977fa2
```
#977fa2 rgb(151,127,162)
```

Analogous Color

#8ba27f
```
#8ba27f rgb(139,162,127)
```
#857fa2
```
#857fa2 rgb(133,127,162)
```
#a2977f
```
#a2977f rgb(162,151,127)
```

Split Complementary Color

#7fa285
```
#7fa285 rgb(127,162,133)
```
#857fa2
```
#857fa2 rgb(133,127,162)
```
#a2857f
```
#a2857f rgb(162,133,127)
```

Triadic Color

#7f9ca2
```
#7f9ca2 rgb(127,156,162)
```
#857fa2
```
#857fa2 rgb(133,127,162)
```
#a2857f
```
#a2857f rgb(162,133,127)
```
#9ca27f
```
#9ca27f rgb(156,162,127)
```

Tetradic Color

#5f597b
```
#5f597b rgb(95,89,123)
```
#6b648a
```
#6b648a rgb(107,100,138)
```
#777097
```
#777097 rgb(119,112,151)
```
#857fa2
```
#857fa2 rgb(133,127,162)
```
#938ead
```
#938ead rgb(147,142,173)
```
#a19db7
```
#a19db7 rgb(161,157,183)
```
#afabc2
```
#afabc2 rgb(175,171,194)
```

Monochromatic Color

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

#7f82a2
```
#7f82a2 rgb(127,130,162)
```
#7f7fa2
```
#7f7fa2 rgb(127,127,162)
```
#827fa2
```
#827fa2 rgb(130,127,162)
```
#857fa2
```
#857fa2 rgb(133,127,162)
```
#887fa2
```
#887fa2 rgb(136,127,162)
```
#8b7fa2
```
#8b7fa2 rgb(139,127,162)
```
#8e7fa2
```
#8e7fa2 rgb(142,127,162)
```

Similar Colors

Text with hexadecimal color #857fa2

This text has a font color of #857fa2.

<span style="color:#857fa2;">Text here</span>

#857fa2 background color

This paragraph has a background color of #857fa2.

<p style="background-color:#857fa2;">Content here</p>

#857fa2 border color

This element has a border color of #857fa2.

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

CSS codes

.text {color:#857fa2;}

.background {background-color:#857fa2;}

.border {border:1px solid #857fa2;}

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

#060608
```
#060608 rgb(6,6,8)
```
#0f0e14
```
#0f0e14 rgb(15,14,20)
```
#18171f
```
#18171f rgb(24,23,31)
```
#211f2a
```
#211f2a rgb(33,31,42)
```
#2a2736
```
#2a2736 rgb(42,39,54)
```
#322f41
```
#322f41 rgb(50,47,65)
```
#3b384c
```
#3b384c rgb(59,56,76)
```
#444058
```
#444058 rgb(68,64,88)
```
#4d4863
```
#4d4863 rgb(77,72,99)
```
#56506f
```
#56506f rgb(86,80,111)
```
#5e597a
```
#5e597a rgb(94,89,122)
```
#676185
```
#676185 rgb(103,97,133)
```
#706991
```
#706991 rgb(112,105,145)
```

Shade Color Variation

#7a749a
```
#7a749a rgb(122,116,154)
```
#857fa2
```
#857fa2 rgb(133,127,162)
```
#908aaa
```
#908aaa rgb(144,138,170)
```
#9b96b3
```
#9b96b3 rgb(155,150,179)
```
#a5a1bb
```
#a5a1bb rgb(165,161,187)
```
#b0acc3
```
#b0acc3 rgb(176,172,195)
```
#bbb8cb
```
#bbb8cb rgb(187,184,203)
```
#c6c3d4
```
#c6c3d4 rgb(198,195,212)
```
#d1cfdc
```
#d1cfdc rgb(209,207,220)
```
#dcdae4
```
#dcdae4 rgb(220,218,228)
```
#e6e5ec
```
#e6e5ec rgb(230,229,236)
```
#f1f1f5
```
#f1f1f5 rgb(241,241,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#909091
```
#909091 rgb(144,144,145)
```
#8b889a
```
#8b889a rgb(139,136,154)
```
#857fa2
```
#857fa2 rgb(133,127,162)
```
#7f77ab
```
#7f77ab rgb(127,119,171)
```
#7a6eb3
```
#7a6eb3 rgb(122,110,179)
```
#7466bc
```
#7466bc rgb(116,102,188)
```
#6f5dc4
```
#6f5dc4 rgb(111,93,196)
```
#6955cd
```
#6955cd rgb(105,85,205)
```
#634cd5
```
#634cd5 rgb(99,76,213)
```
#5e44de
```
#5e44de rgb(94,68,222)
```
#583be6
```
#583be6 rgb(88,59,230)
```
#5333ef
```
#5333ef rgb(83,51,239)
```
#4d2af7
```
#4d2af7 rgb(77,42,247)
```

Tone Color Variation

Below, you can see how #857fa2 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

#858585 Achromatopsia 0.005% of the population
#85848b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8188a8 Protanopia 1% of men
#8787a6 Deuteranopia 1% of men
#878993 Tritanopia 0.001% of the population

Trichromacy

#8284a6 Protanomaly 1% of men, 0.01% of women
#8684a4 Deuteranomaly 6% of men, 0.4% of women
#868598 Tritanomaly 0.01% of the population

#857fa2 hex color

#857fa2 Color Information

#857fa2 Color Conversion

Color Schemes with #857fa2

Alternatives to #857fa2

#857fa2 Preview

Shades and Tints of #857fa2

Tones of #857fa2

Color Blindness Simulator