#b157de hex color

In a RGB color space, hex #b157de is composed of 69.4% red, 34.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 60.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 280 degrees, a saturation of 67.2% and a lightness of 60.6%. #b157de color hex could be obtained by blending #ffaeff 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

● #b157de color description : Soft violet.

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

Hex triplet	b157de	`#b157de`
RGB Decimal	177, 87, 222	`rgb(177,87,222)`
RGB Percent	69.4, 34.1, 87.1	`rgb(69.4%,34.1%,87.1%)`
CMYK	20, 61, 0, 13
HSL	280°, 67.2, 60.6	`hsl(280,67.2%,60.6%)`
HSV (or HSB)	280°, 60.8, 87.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.426, 58.183, -54.067
XYZ	34.723, 21.438, 71.412
xyY	0.272, 0.168, 21.438
CIE-LCH	53.426, 79.426, 317.1
CIE-LUV	53.426, 31.671, -90.396
Hunter-Lab	46.302, 52.833, -59.033
Binary	10110001, 01010111, 11011110

#b157de
```
#b157de rgb(177,87,222)
```
#84de57
```
#84de57 rgb(132,222,87)
```

Complementary Color

#6e57de
```
#6e57de rgb(110,87,222)
```
#b157de
```
#b157de rgb(177,87,222)
```
#de57c8
```
#de57c8 rgb(222,87,200)
```

Analogous Color

#57de6e
```
#57de6e rgb(87,222,110)
```
#b157de
```
#b157de rgb(177,87,222)
```
#c8de57
```
#c8de57 rgb(200,222,87)
```

Split Complementary Color

#57deb1
```
#57deb1 rgb(87,222,177)
```
#b157de
```
#b157de rgb(177,87,222)
```
#deb157
```
#deb157 rgb(222,177,87)
```

Triadic Color

#5784de
```
#5784de rgb(87,132,222)
```
#b157de
```
#b157de rgb(177,87,222)
```
#deb157
```
#deb157 rgb(222,177,87)
```
#84de57
```
#84de57 rgb(132,222,87)
```

Tetradic Color

#8e26c2
```
#8e26c2 rgb(142,38,194)
```
#9d2cd6
```
#9d2cd6 rgb(157,44,214)
```
#a742da
```
#a742da rgb(167,66,218)
```
#b157de
```
#b157de rgb(177,87,222)
```
#bb6ce2
```
#bb6ce2 rgb(187,108,226)
```
#c582e6
```
#c582e6 rgb(197,130,230)
```
#cf97eb
```
#cf97eb rgb(207,151,235)
```

Monochromatic Color

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

#8f57de
```
#8f57de rgb(143,87,222)
```
#9b57de
```
#9b57de rgb(155,87,222)
```
#a657de
```
#a657de rgb(166,87,222)
```
#b157de
```
#b157de rgb(177,87,222)
```
#bc57de
```
#bc57de rgb(188,87,222)
```
#c857de
```
#c857de rgb(200,87,222)
```
#d357de
```
#d357de rgb(211,87,222)
```

Similar Colors

Text with hexadecimal color #b157de

This text has a font color of #b157de.

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

#b157de background color

This paragraph has a background color of #b157de.

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

#b157de border color

This element has a border color of #b157de.

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

CSS codes

.text {color:#b157de;}

.background {background-color:#b157de;}

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

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

#09020c
```
#09020c rgb(9,2,12)
```
#15061d
```
#15061d rgb(21,6,29)
```
#21092d
```
#21092d rgb(33,9,45)
```
#2d0c3e
```
#2d0c3e rgb(45,12,62)
```
#390f4e
```
#390f4e rgb(57,15,78)
```
#45135e
```
#45135e rgb(69,19,94)
```
#51166f
```
#51166f rgb(81,22,111)
```
#5d197f
```
#5d197f rgb(93,25,127)
```
#691c90
```
#691c90 rgb(105,28,144)
```
#751fa0
```
#751fa0 rgb(117,31,160)
```
#8123b0
```
#8123b0 rgb(129,35,176)
```
#8d26c1
```
#8d26c1 rgb(141,38,193)
```
#9929d1
```
#9929d1 rgb(153,41,209)
```

Shade Color Variation

#a236d8
```
#a236d8 rgb(162,54,216)
```
#a947db
```
#a947db rgb(169,71,219)
```
#b157de
```
#b157de rgb(177,87,222)
```
#b967e1
```
#b967e1 rgb(185,103,225)
```
#c078e4
```
#c078e4 rgb(192,120,228)
```
#c888e8
```
#c888e8 rgb(200,136,232)
```
#cf99eb
```
#cf99eb rgb(207,153,235)
```
#d7a9ee
```
#d7a9ee rgb(215,169,238)
```
#dfb9f1
```
#dfb9f1 rgb(223,185,241)
```
#e6caf5
```
#e6caf5 rgb(230,202,245)
```
#eedaf8
```
#eedaf8 rgb(238,218,248)
```
#f6ebfb
```
#f6ebfb rgb(246,235,251)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#9c95a0
```
#9c95a0 rgb(156,149,160)
```
#9f8da8
```
#9f8da8 rgb(159,141,168)
```
#a285b0
```
#a285b0 rgb(162,133,176)
```
#a47eb7
```
#a47eb7 rgb(164,126,183)
```
#a776bf
```
#a776bf rgb(167,118,191)
```
#a96ec7
```
#a96ec7 rgb(169,110,199)
```
#ac66cf
```
#ac66cf rgb(172,102,207)
```
#ae5fd6
```
#ae5fd6 rgb(174,95,214)
```
#b157de
```
#b157de rgb(177,87,222)
```
#b44fe6
```
#b44fe6 rgb(180,79,230)
```
#b648ed
```
#b648ed rgb(182,72,237)
```
#b940f5
```
#b940f5 rgb(185,64,245)
```
#bb38fd
```
#bb38fd rgb(187,56,253)
```

Tone Color Variation

Below, you can see how #b157de 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
#8b7994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f82fc Protanopia 1% of men
#5087d2 Deuteranopia 1% of men
#a47b84 Tritanopia 0.001% of the population

Trichromacy

#5472f1 Protanomaly 1% of men, 0.01% of women
#7375d6 Deuteranomaly 6% of men, 0.4% of women
#a86ea4 Tritanomaly 0.01% of the population

#b157de hex color

#b157de Color Information

#b157de Color Conversion

Color Schemes with #b157de

Alternatives to #b157de

#b157de Preview

Shades and Tints of #b157de

Tones of #b157de

Color Blindness Simulator