#856bf5 hex color

In a RGB color space, hex #856bf5 is composed of 52.2% red, 42% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 56.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 251.3 degrees, a saturation of 87.3% and a lightness of 69%. #856bf5 color hex could be obtained by blending #ffd6ff with #0b00eb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 52
- G 42
- B 96
RGB color chart
- C 46
- M 56
- Y 0
- K 4
CMYK color chart

● #856bf5 color description : Soft blue.

The hexadecimal color #856bf5 has RGB values of R:133, G:107, B:245 and CMYK values of C:0.46, M:0.56, Y:0, K:0.04. Its decimal value is 8743925.

Hex triplet	856bf5	`#856bf5`
RGB Decimal	133, 107, 245	`rgb(133,107,245)`
RGB Percent	52.2, 42, 96.1	`rgb(52.2%,42%,96.1%)`
CMYK	46, 56, 0, 4
HSL	251.3°, 87.3, 69	`hsl(251.3,87.3%,69%)`
HSV (or HSB)	251.3°, 56.3, 96.1
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.126, 43.411, -66.085
XYZ	31.409, 22.094, 88.991
xyY	0.22, 0.155, 22.094
CIE-LCH	54.126, 79.068, 303.301
CIE-LUV	54.126, 1.16, -107.379
Hunter-Lab	47.004, 37.019, -79.348
Binary	10000101, 01101011, 11110101

#856bf5
```
#856bf5 rgb(133,107,245)
```
#dbf56b
```
#dbf56b rgb(219,245,107)
```

Complementary Color

#6b96f5
```
#6b96f5 rgb(107,150,245)
```
#856bf5
```
#856bf5 rgb(133,107,245)
```
#ca6bf5
```
#ca6bf5 rgb(202,107,245)
```

Analogous Color

#96f56b
```
#96f56b rgb(150,245,107)
```
#856bf5
```
#856bf5 rgb(133,107,245)
```
#f5ca6b
```
#f5ca6b rgb(245,202,107)
```

Split Complementary Color

#6bf585
```
#6bf585 rgb(107,245,133)
```
#856bf5
```
#856bf5 rgb(133,107,245)
```
#f5856b
```
#f5856b rgb(245,133,107)
```

Triadic Color

#6bdbf5
```
#6bdbf5 rgb(107,219,245)
```
#856bf5
```
#856bf5 rgb(133,107,245)
```
#f5856b
```
#f5856b rgb(245,133,107)
```
#dbf56b
```
#dbf56b rgb(219,245,107)
```

Tetradic Color

#4a23f0
```
#4a23f0 rgb(74,35,240)
```
#5e3bf2
```
#5e3bf2 rgb(94,59,242)
```
#7153f3
```
#7153f3 rgb(113,83,243)
```
#856bf5
```
#856bf5 rgb(133,107,245)
```
#9983f7
```
#9983f7 rgb(153,131,247)
```
#ac9bf8
```
#ac9bf8 rgb(172,155,248)
```
#c0b3fa
```
#c0b3fa rgb(192,179,250)
```

Monochromatic Color

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

#6b74f5
```
#6b74f5 rgb(107,116,245)
```
#6e6bf5
```
#6e6bf5 rgb(110,107,245)
```
#7a6bf5
```
#7a6bf5 rgb(122,107,245)
```
#856bf5
```
#856bf5 rgb(133,107,245)
```
#916bf5
```
#916bf5 rgb(145,107,245)
```
#9c6bf5
```
#9c6bf5 rgb(156,107,245)
```
#a86bf5
```
#a86bf5 rgb(168,107,245)
```

Similar Colors

Text with hexadecimal color #856bf5

This text has a font color of #856bf5.

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

#856bf5 background color

This paragraph has a background color of #856bf5.

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

#856bf5 border color

This element has a border color of #856bf5.

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

CSS codes

.text {color:#856bf5;}

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

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

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

#040111
```
#040111 rgb(4,1,17)
```
#090224
```
#090224 rgb(9,2,36)
```
#0d0436
```
#0d0436 rgb(13,4,54)
```
#120548
```
#120548 rgb(18,5,72)
```
#16065b
```
#16065b rgb(22,6,91)
```
#1b076d
```
#1b076d rgb(27,7,109)
```
#1f0980
```
#1f0980 rgb(31,9,128)
```
#240a92
```
#240a92 rgb(36,10,146)
```
#280ba4
```
#280ba4 rgb(40,11,164)
```
#2c0cb7
```
#2c0cb7 rgb(44,12,183)
```
#310ec9
```
#310ec9 rgb(49,14,201)
```
#350fdb
```
#350fdb rgb(53,15,219)
```
#3a10ee
```
#3a10ee rgb(58,16,238)
```

Shade Color Variation

#4822f0
```
#4822f0 rgb(72,34,240)
```
#5834f1
```
#5834f1 rgb(88,52,241)
```
#6746f3
```
#6746f3 rgb(103,70,243)
```
#7659f4
```
#7659f4 rgb(118,89,244)
```
#856bf5
```
#856bf5 rgb(133,107,245)
```
#947df6
```
#947df6 rgb(148,125,246)
```
#a390f7
```
#a390f7 rgb(163,144,247)
```
#b2a2f9
```
#b2a2f9 rgb(178,162,249)
```
#c2b4fa
```
#c2b4fa rgb(194,180,250)
```
#d1c7fb
```
#d1c7fb rgb(209,199,251)
```
#e0d9fc
```
#e0d9fc rgb(224,217,252)
```
#efecfe
```
#efecfe rgb(239,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#afaeb2
```
#afaeb2 rgb(175,174,178)
```
#aba8b8
```
#aba8b8 rgb(171,168,184)
```
#a7a2be
```
#a7a2be rgb(167,162,190)
```
#a39cc4
```
#a39cc4 rgb(163,156,196)
```
#a096ca
```
#a096ca rgb(160,150,202)
```
#9c8fd1
```
#9c8fd1 rgb(156,143,209)
```
#9889d7
```
#9889d7 rgb(152,137,215)
```
#9483dd
```
#9483dd rgb(148,131,221)
```
#907de3
```
#907de3 rgb(144,125,227)
```
#8d77e9
```
#8d77e9 rgb(141,119,233)
```
#8971ef
```
#8971ef rgb(137,113,239)
```
#856bf5
```
#856bf5 rgb(133,107,245)
```
#8165fb
```
#8165fb rgb(129,101,251)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#837e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2483ff Protanopia 1% of men
#008ae5 Deuteranopia 1% of men
#6b8d97 Tritanopia 0.001% of the population

Trichromacy

#477afb Protanomaly 1% of men, 0.01% of women
#307eeb Deuteranomaly 6% of men, 0.4% of women
#7480b9 Tritanomaly 0.01% of the population

#856bf5 hex color

#856bf5 Color Information

#856bf5 Color Conversion

Color Schemes with #856bf5

Alternatives to #856bf5

#856bf5 Preview

Shades and Tints of #856bf5

Tones of #856bf5

Color Blindness Simulator