#856bb4 hex color

In a RGB color space, hex #856bb4 is composed of 52.2% red, 42% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 40.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 261.4 degrees, a saturation of 32.7% and a lightness of 56.3%. #856bb4 color hex could be obtained by blending #ffd6ff with #0b0069. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 52
- G 42
- B 71
RGB color chart
- C 26
- M 41
- Y 0
- K 29
CMYK color chart

● #856bb4 color description : Slightly desaturated violet.

The hexadecimal color #856bb4 has RGB values of R:133, G:107, B:180 and CMYK values of C:0.26, M:0.41, Y:0, K:0.29. Its decimal value is 8743860.

Hex triplet	856bb4	`#856bb4`
RGB Decimal	133, 107, 180	`rgb(133,107,180)`
RGB Percent	52.2, 42, 70.6	`rgb(52.2%,42%,70.6%)`
CMYK	26, 41, 0, 29
HSL	261.4°, 32.7, 56.3	`hsl(261.4,32.7%,56.3%)`
HSV (or HSB)	261.4°, 40.6, 70.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	50.449, 25.913, -35.051
XYZ	23.167, 18.797, 45.585
xyY	0.265, 0.215, 18.797
CIE-LCH	50.449, 43.589, 306.476
CIE-LUV	50.449, 7.789, -56.064
Hunter-Lab	43.356, 19.51, -31.99
Binary	10000101, 01101011, 10110100

#856bb4
```
#856bb4 rgb(133,107,180)
```
#9ab46b
```
#9ab46b rgb(154,180,107)
```

Complementary Color

#6b76b4
```
#6b76b4 rgb(107,118,180)
```
#856bb4
```
#856bb4 rgb(133,107,180)
```
#aa6bb4
```
#aa6bb4 rgb(170,107,180)
```

Analogous Color

#76b46b
```
#76b46b rgb(118,180,107)
```
#856bb4
```
#856bb4 rgb(133,107,180)
```
#b4aa6b
```
#b4aa6b rgb(180,170,107)
```

Split Complementary Color

#6bb485
```
#6bb485 rgb(107,180,133)
```
#856bb4
```
#856bb4 rgb(133,107,180)
```
#b4856b
```
#b4856b rgb(180,133,107)
```

Triadic Color

#6b9ab4
```
#6b9ab4 rgb(107,154,180)
```
#856bb4
```
#856bb4 rgb(133,107,180)
```
#b4856b
```
#b4856b rgb(180,133,107)
```
#9ab46b
```
#9ab46b rgb(154,180,107)
```

Tetradic Color

#5f478c
```
#5f478c rgb(95,71,140)
```
#6b4f9d
```
#6b4f9d rgb(107,79,157)
```
#775aab
```
#775aab rgb(119,90,171)
```
#856bb4
```
#856bb4 rgb(133,107,180)
```
#937cbd
```
#937cbd rgb(147,124,189)
```
#a18dc5
```
#a18dc5 rgb(161,141,197)
```
#af9ece
```
#af9ece rgb(175,158,206)
```

Monochromatic Color

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

#736bb4
```
#736bb4 rgb(115,107,180)
```
#796bb4
```
#796bb4 rgb(121,107,180)
```
#7f6bb4
```
#7f6bb4 rgb(127,107,180)
```
#856bb4
```
#856bb4 rgb(133,107,180)
```
#8b6bb4
```
#8b6bb4 rgb(139,107,180)
```
#916bb4
```
#916bb4 rgb(145,107,180)
```
#976bb4
```
#976bb4 rgb(151,107,180)
```

Similar Colors

Text with hexadecimal color #856bb4

This text has a font color of #856bb4.

<span style="color:#856bb4;">Text here</span>

#856bb4 background color

This paragraph has a background color of #856bb4.

<p style="background-color:#856bb4;">Content here</p>

#856bb4 border color

This element has a border color of #856bb4.

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

CSS codes

.text {color:#856bb4;}

.background {background-color:#856bb4;}

.border {border:1px solid #856bb4;}

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

#060408
```
#060408 rgb(6,4,8)
```
#0e0b15
```
#0e0b15 rgb(14,11,21)
```
#171122
```
#171122 rgb(23,17,34)
```
#20182f
```
#20182f rgb(32,24,47)
```
#291f3c
```
#291f3c rgb(41,31,60)
```
#322549
```
#322549 rgb(50,37,73)
```
#3b2c56
```
#3b2c56 rgb(59,44,86)
```
#443263
```
#443263 rgb(68,50,99)
```
#4d3970
```
#4d3970 rgb(77,57,112)
```
#56407d
```
#56407d rgb(86,64,125)
```
#5e468a
```
#5e468a rgb(94,70,138)
```
#674d97
```
#674d97 rgb(103,77,151)
```
#7053a4
```
#7053a4 rgb(112,83,164)
```

Shade Color Variation

#7a5ead
```
#7a5ead rgb(122,94,173)
```
#856bb4
```
#856bb4 rgb(133,107,180)
```
#9078bb
```
#9078bb rgb(144,120,187)
```
#9a85c1
```
#9a85c1 rgb(154,133,193)
```
#a592c8
```
#a592c8 rgb(165,146,200)
```
#b09fce
```
#b09fce rgb(176,159,206)
```
#bbacd5
```
#bbacd5 rgb(187,172,213)
```
#c5b9dc
```
#c5b9dc rgb(197,185,220)
```
#d0c6e2
```
#d0c6e2 rgb(208,198,226)
```
#dbd3e9
```
#dbd3e9 rgb(219,211,233)
```
#e6e0ef
```
#e6e0ef rgb(230,224,239)
```
#f0edf6
```
#f0edf6 rgb(240,237,246)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8d92 is the less saturated color, while #7126f9 is the most saturated one.

#8f8d92
```
#8f8d92 rgb(143,141,146)
```
#8c859a
```
#8c859a rgb(140,133,154)
```
#8a7ca3
```
#8a7ca3 rgb(138,124,163)
```
#8774ab
```
#8774ab rgb(135,116,171)
```
#856bb4
```
#856bb4 rgb(133,107,180)
```
#8362bd
```
#8362bd rgb(131,98,189)
```
#805ac5
```
#805ac5 rgb(128,90,197)
```
#7e51ce
```
#7e51ce rgb(126,81,206)
```
#7b49d6
```
#7b49d6 rgb(123,73,214)
```
#7940df
```
#7940df rgb(121,64,223)
```
#7638e7
```
#7638e7 rgb(118,56,231)
```
#742ff0
```
#742ff0 rgb(116,47,240)
```
#7126f9
```
#7126f9 rgb(113,38,249)
```

Tone Color Variation

Below, you can see how #856bb4 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

#7b7b7b Achromatopsia 0.005% of the population
#7d7886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#647cbf Protanopia 1% of men
#677eb3 Deuteranopia 1% of men
#807d86 Tritanopia 0.001% of the population

Trichromacy

#7076bb Protanomaly 1% of men, 0.01% of women
#7277b3 Deuteranomaly 6% of men, 0.4% of women
#827797 Tritanomaly 0.01% of the population

#856bb4 hex color

#856bb4 Color Information

#856bb4 Color Conversion

Color Schemes with #856bb4

Alternatives to #856bb4

#856bb4 Preview

Shades and Tints of #856bb4

Tones of #856bb4

Color Blindness Simulator