#856bf0 hex color

In a RGB color space, hex #856bf0 is composed of 52.2% red, 42% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 55.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 251.7 degrees, a saturation of 81.6% and a lightness of 68%. #856bf0 color hex could be obtained by blending #ffd6ff with #0b00e1. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 52
- G 42
- B 94
RGB color chart
- C 45
- M 55
- Y 0
- K 6
CMYK color chart

● #856bf0 color description : Soft blue.

The hexadecimal color #856bf0 has RGB values of R:133, G:107, B:240 and CMYK values of C:0.45, M:0.55, Y:0, K:0.06. Its decimal value is 8743920.

Hex triplet	856bf0	`#856bf0`
RGB Decimal	133, 107, 240	`rgb(133,107,240)`
RGB Percent	52.2, 42, 94.1	`rgb(52.2%,42%,94.1%)`
CMYK	45, 55, 0, 6
HSL	251.7°, 81.6, 68	`hsl(251.7,81.6%,68%)`
HSV (or HSB)	251.7°, 55.4, 94.1
Web Safe	9966ff	`#9966ff`

CIE-LAB	53.806, 42.006, -63.817
XYZ	30.656, 21.793, 85.024
xyY	0.223, 0.159, 21.793
CIE-LCH	53.806, 76.401, 303.354
CIE-LUV	53.806, 1.625, -103.649
Hunter-Lab	46.683, 35.524, -75.309
Binary	10000101, 01101011, 11110000

#856bf0
```
#856bf0 rgb(133,107,240)
```
#d6f06b
```
#d6f06b rgb(214,240,107)
```

Complementary Color

#6b94f0
```
#6b94f0 rgb(107,148,240)
```
#856bf0
```
#856bf0 rgb(133,107,240)
```
#c86bf0
```
#c86bf0 rgb(200,107,240)
```

Analogous Color

#94f06b
```
#94f06b rgb(148,240,107)
```
#856bf0
```
#856bf0 rgb(133,107,240)
```
#f0c86b
```
#f0c86b rgb(240,200,107)
```

Split Complementary Color

#6bf085
```
#6bf085 rgb(107,240,133)
```
#856bf0
```
#856bf0 rgb(133,107,240)
```
#f0856b
```
#f0856b rgb(240,133,107)
```

Triadic Color

#6bd6f0
```
#6bd6f0 rgb(107,214,240)
```
#856bf0
```
#856bf0 rgb(133,107,240)
```
#f0856b
```
#f0856b rgb(240,133,107)
```
#d6f06b
```
#d6f06b rgb(214,240,107)
```

Tetradic Color

#4c26e9
```
#4c26e9 rgb(76,38,233)
```
#5f3deb
```
#5f3deb rgb(95,61,235)
```
#7254ee
```
#7254ee rgb(114,84,238)
```
#856bf0
```
#856bf0 rgb(133,107,240)
```
#9882f2
```
#9882f2 rgb(152,130,242)
```
#ab99f5
```
#ab99f5 rgb(171,153,245)
```
#beb0f7
```
#beb0f7 rgb(190,176,247)
```

Monochromatic Color

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

#6b72f0
```
#6b72f0 rgb(107,114,240)
```
#6f6bf0
```
#6f6bf0 rgb(111,107,240)
```
#7a6bf0
```
#7a6bf0 rgb(122,107,240)
```
#856bf0
```
#856bf0 rgb(133,107,240)
```
#906bf0
```
#906bf0 rgb(144,107,240)
```
#9b6bf0
```
#9b6bf0 rgb(155,107,240)
```
#a66bf0
```
#a66bf0 rgb(166,107,240)
```

Similar Colors

Text with hexadecimal color #856bf0

This text has a font color of #856bf0.

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

#856bf0 background color

This paragraph has a background color of #856bf0.

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

#856bf0 border color

This element has a border color of #856bf0.

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

CSS codes

.text {color:#856bf0;}

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

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

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, #03010c is the darkest color, while #faf9fe is the lightest one.

#03010c
```
#03010c rgb(3,1,12)
```
#08031e
```
#08031e rgb(8,3,30)
```
#0d0530
```
#0d0530 rgb(13,5,48)
```
#120742
```
#120742 rgb(18,7,66)
```
#170854
```
#170854 rgb(23,8,84)
```
#1c0a65
```
#1c0a65 rgb(28,10,101)
```
#210c77
```
#210c77 rgb(33,12,119)
```
#260e89
```
#260e89 rgb(38,14,137)
```
#2b109b
```
#2b109b rgb(43,16,155)
```
#3011ad
```
#3011ad rgb(48,17,173)
```
#3513be
```
#3513be rgb(53,19,190)
```
#3a15d0
```
#3a15d0 rgb(58,21,208)
```
#3f17e2
```
#3f17e2 rgb(63,23,226)
```

Shade Color Variation

#4a24e9
```
#4a24e9 rgb(74,36,233)
```
#5936eb
```
#5936eb rgb(89,54,235)
```
#6847ec
```
#6847ec rgb(104,71,236)
```
#7659ee
```
#7659ee rgb(118,89,238)
```
#856bf0
```
#856bf0 rgb(133,107,240)
```
#947df2
```
#947df2 rgb(148,125,242)
```
#a28ff4
```
#a28ff4 rgb(162,143,244)
```
#b1a0f5
```
#b1a0f5 rgb(177,160,245)
```
#c0b2f7
```
#c0b2f7 rgb(192,178,247)
```
#cec4f9
```
#cec4f9 rgb(206,196,249)
```
#ddd6fb
```
#ddd6fb rgb(221,214,251)
```
#ece8fd
```
#ece8fd rgb(236,232,253)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#abaab1
```
#abaab1 rgb(171,170,177)
```
#a7a3b8
```
#a7a3b8 rgb(167,163,184)
```
#a49dbe
```
#a49dbe rgb(164,157,190)
```
#a097c4
```
#a097c4 rgb(160,151,196)
```
#9c91ca
```
#9c91ca rgb(156,145,202)
```
#988ad1
```
#988ad1 rgb(152,138,209)
```
#9484d7
```
#9484d7 rgb(148,132,215)
```
#907edd
```
#907edd rgb(144,126,221)
```
#8d78e3
```
#8d78e3 rgb(141,120,227)
```
#8971ea
```
#8971ea rgb(137,113,234)
```
#856bf0
```
#856bf0 rgb(133,107,240)
```
#8165f6
```
#8165f6 rgb(129,101,246)
```
#7d5efd
```
#7d5efd rgb(125,94,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#837d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d82ff Protanopia 1% of men
#0089e4 Deuteranopia 1% of men
#6d8c96 Tritanopia 0.001% of the population

Trichromacy

#437af9 Protanomaly 1% of men, 0.01% of women
#307ee8 Deuteranomaly 6% of men, 0.4% of women
#7580b6 Tritanomaly 0.01% of the population

#856bf0 hex color

#856bf0 Color Information

#856bf0 Color Conversion

Color Schemes with #856bf0

Alternatives to #856bf0

#856bf0 Preview

Shades and Tints of #856bf0

Tones of #856bf0

Color Blindness Simulator