#b156de hex color

In a RGB color space, hex #b156de is composed of 69.4% red, 33.7% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 61.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 280.1 degrees, a saturation of 67.3% and a lightness of 60.4%. #b156de color hex could be obtained by blending #ffacff with #6300bd. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 34
- B 87
RGB color chart
- C 20
- M 61
- Y 0
- K 13
CMYK color chart

● #b156de color description : Soft violet.

The hexadecimal color #b156de has RGB values of R:177, G:86, B:222 and CMYK values of C:0.2, M:0.61, Y:0, K:0.13. Its decimal value is 11622110.

Hex triplet	b156de	`#b156de`
RGB Decimal	177, 86, 222	`rgb(177,86,222)`
RGB Percent	69.4, 33.7, 87.1	`rgb(69.4%,33.7%,87.1%)`
CMYK	20, 61, 0, 13
HSL	280.1°, 67.3, 60.4	`hsl(280.1,67.3%,60.4%)`
HSV (or HSB)	280.1°, 61.3, 87.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.252, 58.657, -54.345
XYZ	34.642, 21.278, 71.385
xyY	0.272, 0.167, 21.278
CIE-LCH	53.252, 79.963, 317.185
CIE-LUV	53.252, 31.939, -90.805
Hunter-Lab	46.128, 53.332, -59.465
Binary	10110001, 01010110, 11011110

#b156de
```
#b156de rgb(177,86,222)
```
#83de56
```
#83de56 rgb(131,222,86)
```

Complementary Color

#6d56de
```
#6d56de rgb(109,86,222)
```
#b156de
```
#b156de rgb(177,86,222)
```
#de56c7
```
#de56c7 rgb(222,86,199)
```

Analogous Color

#56de6d
```
#56de6d rgb(86,222,109)
```
#b156de
```
#b156de rgb(177,86,222)
```
#c7de56
```
#c7de56 rgb(199,222,86)
```

Split Complementary Color

#56deb1
```
#56deb1 rgb(86,222,177)
```
#b156de
```
#b156de rgb(177,86,222)
```
#deb156
```
#deb156 rgb(222,177,86)
```

Triadic Color

#5683de
```
#5683de rgb(86,131,222)
```
#b156de
```
#b156de rgb(177,86,222)
```
#deb156
```
#deb156 rgb(222,177,86)
```
#83de56
```
#83de56 rgb(131,222,86)
```

Tetradic Color

#8e26c2
```
#8e26c2 rgb(142,38,194)
```
#9d2bd6
```
#9d2bd6 rgb(157,43,214)
```
#a741da
```
#a741da rgb(167,65,218)
```
#b156de
```
#b156de rgb(177,86,222)
```
#bb6be2
```
#bb6be2 rgb(187,107,226)
```
#c581e6
```
#c581e6 rgb(197,129,230)
```
#cf96ea
```
#cf96ea rgb(207,150,234)
```

Monochromatic Color

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

#8f56de
```
#8f56de rgb(143,86,222)
```
#9a56de
```
#9a56de rgb(154,86,222)
```
#a656de
```
#a656de rgb(166,86,222)
```
#b156de
```
#b156de rgb(177,86,222)
```
#bc56de
```
#bc56de rgb(188,86,222)
```
#c856de
```
#c856de rgb(200,86,222)
```
#d356de
```
#d356de rgb(211,86,222)
```

Similar Colors

Text with hexadecimal color #b156de

This text has a font color of #b156de.

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

#b156de background color

This paragraph has a background color of #b156de.

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

#b156de border color

This element has a border color of #b156de.

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

CSS codes

.text {color:#b156de;}

.background {background-color:#b156de;}

.border {border:1px solid #b156de;}

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

#08020c
```
#08020c rgb(8,2,12)
```
#14051c
```
#14051c rgb(20,5,28)
```
#21092c
```
#21092c rgb(33,9,44)
```
#2d0c3d
```
#2d0c3d rgb(45,12,61)
```
#390f4d
```
#390f4d rgb(57,15,77)
```
#45125e
```
#45125e rgb(69,18,94)
```
#51156e
```
#51156e rgb(81,21,110)
```
#5d197e
```
#5d197e rgb(93,25,126)
```
#691c8f
```
#691c8f rgb(105,28,143)
```
#751f9f
```
#751f9f rgb(117,31,159)
```
#8122b0
```
#8122b0 rgb(129,34,176)
```
#8d25c0
```
#8d25c0 rgb(141,37,192)
```
#9929d0
```
#9929d0 rgb(153,41,208)
```

Shade Color Variation

#a235d8
```
#a235d8 rgb(162,53,216)
```
#a946db
```
#a946db rgb(169,70,219)
```
#b156de
```
#b156de rgb(177,86,222)
```
#b966e1
```
#b966e1 rgb(185,102,225)
```
#c077e4
```
#c077e4 rgb(192,119,228)
```
#c887e8
```
#c887e8 rgb(200,135,232)
```
#cf98eb
```
#cf98eb rgb(207,152,235)
```
#d7a8ee
```
#d7a8ee rgb(215,168,238)
```
#deb8f1
```
#deb8f1 rgb(222,184,241)
```
#e6c9f4
```
#e6c9f4 rgb(230,201,244)
```
#eed9f8
```
#eed9f8 rgb(238,217,248)
```
#f5eafb
```
#f5eafb rgb(245,234,251)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#9c94a0
```
#9c94a0 rgb(156,148,160)
```
#9f8ca8
```
#9f8ca8 rgb(159,140,168)
```
#a185af
```
#a185af rgb(161,133,175)
```
#a47db7
```
#a47db7 rgb(164,125,183)
```
#a675bf
```
#a675bf rgb(166,117,191)
```
#a96dc7
```
#a96dc7 rgb(169,109,199)
```
#ac66ce
```
#ac66ce rgb(172,102,206)
```
#ae5ed6
```
#ae5ed6 rgb(174,94,214)
```
#b156de
```
#b156de rgb(177,86,222)
```
#b44ee6
```
#b44ee6 rgb(180,78,230)
```
#b646ee
```
#b646ee rgb(182,70,238)
```
#b93ff5
```
#b93ff5 rgb(185,63,245)
```
#bc37fd
```
#bc37fd rgb(188,55,253)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8b7894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1681fd Protanopia 1% of men
#4e86d2 Deuteranopia 1% of men
#a47a83 Tritanopia 0.001% of the population

Trichromacy

#4e71f2 Protanomaly 1% of men, 0.01% of women
#7274d6 Deuteranomaly 6% of men, 0.4% of women
#a86da4 Tritanomaly 0.01% of the population

#b156de hex color

#b156de Color Information

#b156de Color Conversion

Color Schemes with #b156de

Alternatives to #b156de

#b156de Preview

Shades and Tints of #b156de

Tones of #b156de

Color Blindness Simulator