#b157d6 hex color

In a RGB color space, hex #b157d6 is composed of 69.4% red, 34.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 59.3% magenta, 0% yellow and 16.1% black. It has a hue angle of 282.5 degrees, a saturation of 60.8% and a lightness of 59%. #b157d6 color hex could be obtained by blending #ffaeff with #6300ad. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 34
- B 84
RGB color chart
- C 17
- M 59
- Y 0
- K 16
CMYK color chart

● #b157d6 color description : Moderate violet.

The hexadecimal color #b157d6 has RGB values of R:177, G:87, B:214 and CMYK values of C:0.17, M:0.59, Y:0, K:0.16. Its decimal value is 11622358.

Hex triplet	b157d6	`#b157d6`
RGB Decimal	177, 87, 214	`rgb(177,87,214)`
RGB Percent	69.4, 34.1, 83.9	`rgb(69.4%,34.1%,83.9%)`
CMYK	17, 59, 0, 16
HSL	282.5°, 60.8, 59	`hsl(282.5,60.8%,59%)`
HSV (or HSB)	282.5°, 59.3, 83.9
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.971, 56.515, -50.259
XYZ	33.676, 21.02, 65.898
xyY	0.279, 0.174, 21.02
CIE-LCH	52.971, 75.63, 318.354
CIE-LUV	52.971, 33.446, -84.205
Hunter-Lab	45.847, 50.879, -53.127
Binary	10110001, 01010111, 11010110

#b157d6
```
#b157d6 rgb(177,87,214)
```
#7cd657
```
#7cd657 rgb(124,214,87)
```

Complementary Color

#7257d6
```
#7257d6 rgb(114,87,214)
```
#b157d6
```
#b157d6 rgb(177,87,214)
```
#d657bc
```
#d657bc rgb(214,87,188)
```

Analogous Color

#57d672
```
#57d672 rgb(87,214,114)
```
#b157d6
```
#b157d6 rgb(177,87,214)
```
#bcd657
```
#bcd657 rgb(188,214,87)
```

Split Complementary Color

#57d6b1
```
#57d6b1 rgb(87,214,177)
```
#b157d6
```
#b157d6 rgb(177,87,214)
```
#d6b157
```
#d6b157 rgb(214,177,87)
```

Triadic Color

#577cd6
```
#577cd6 rgb(87,124,214)
```
#b157d6
```
#b157d6 rgb(177,87,214)
```
#d6b157
```
#d6b157 rgb(214,177,87)
```
#7cd657
```
#7cd657 rgb(124,214,87)
```

Tetradic Color

#8d2cb4
```
#8d2cb4 rgb(141,44,180)
```
#9d31c9
```
#9d31c9 rgb(157,49,201)
```
#a743d1
```
#a743d1 rgb(167,67,209)
```
#b157d6
```
#b157d6 rgb(177,87,214)
```
#bb6bdb
```
#bb6bdb rgb(187,107,219)
```
#c480e0
```
#c480e0 rgb(196,128,224)
```
#ce94e5
```
#ce94e5 rgb(206,148,229)
```

Monochromatic Color

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

#9157d6
```
#9157d6 rgb(145,87,214)
```
#9c57d6
```
#9c57d6 rgb(156,87,214)
```
#a657d6
```
#a657d6 rgb(166,87,214)
```
#b157d6
```
#b157d6 rgb(177,87,214)
```
#bc57d6
```
#bc57d6 rgb(188,87,214)
```
#c657d6
```
#c657d6 rgb(198,87,214)
```
#d157d6
```
#d157d6 rgb(209,87,214)
```

Similar Colors

Text with hexadecimal color #b157d6

This text has a font color of #b157d6.

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

#b157d6 background color

This paragraph has a background color of #b157d6.

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

#b157d6 border color

This element has a border color of #b157d6.

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

CSS codes

.text {color:#b157d6;}

.background {background-color:#b157d6;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#110515
```
#110515 rgb(17,5,21)
```
#1d0925
```
#1d0925 rgb(29,9,37)
```
#290d35
```
#290d35 rgb(41,13,53)
```
#351145
```
#351145 rgb(53,17,69)
```
#421554
```
#421554 rgb(66,21,84)
```
#4e1864
```
#4e1864 rgb(78,24,100)
```
#5a1c74
```
#5a1c74 rgb(90,28,116)
```
#672084
```
#672084 rgb(103,32,132)
```
#732493
```
#732493 rgb(115,36,147)
```
#7f28a3
```
#7f28a3 rgb(127,40,163)
```
#8b2cb3
```
#8b2cb3 rgb(139,44,179)
```
#9830c3
```
#9830c3 rgb(152,48,195)
```

Shade Color Variation

#a237ce
```
#a237ce rgb(162,55,206)
```
#aa47d2
```
#aa47d2 rgb(170,71,210)
```
#b157d6
```
#b157d6 rgb(177,87,214)
```
#b867da
```
#b867da rgb(184,103,218)
```
#c077de
```
#c077de rgb(192,119,222)
```
#c786e2
```
#c786e2 rgb(199,134,226)
```
#ce96e5
```
#ce96e5 rgb(206,150,229)
```
#d6a6e9
```
#d6a6e9 rgb(214,166,233)
```
#ddb6ed
```
#ddb6ed rgb(221,182,237)
```
#e4c5f1
```
#e4c5f1 rgb(228,197,241)
```
#ecd5f5
```
#ecd5f5 rgb(236,213,245)
```
#f3e5f9
```
#f3e5f9 rgb(243,229,249)
```
#faf5fc
```
#faf5fc rgb(250,245,252)
```

Tint Color Variation

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

#9a8f9e
```
#9a8f9e rgb(154,143,158)
```
#9d87a6
```
#9d87a6 rgb(157,135,166)
```
#a07fae
```
#a07fae rgb(160,127,174)
```
#a477b6
```
#a477b6 rgb(164,119,182)
```
#a76fbe
```
#a76fbe rgb(167,111,190)
```
#aa67c6
```
#aa67c6 rgb(170,103,198)
```
#ae5fce
```
#ae5fce rgb(174,95,206)
```
#b157d6
```
#b157d6 rgb(177,87,214)
```
#b44fde
```
#b44fde rgb(180,79,222)
```
#b847e6
```
#b847e6 rgb(184,71,230)
```
#bb3fee
```
#bb3fee rgb(187,63,238)
```
#be37f6
```
#be37f6 rgb(190,55,246)
```
#c22ffe
```
#c22ffe rgb(194,47,254)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8a7891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3581f4 Protanopia 1% of men
#5885cc Deuteranopia 1% of men
#a57981 Tritanopia 0.001% of the population

Trichromacy

#6271e9 Protanomaly 1% of men, 0.01% of women
#7874cf Deuteranomaly 6% of men, 0.4% of women
#a96ca0 Tritanomaly 0.01% of the population

#b157d6 hex color

#b157d6 Color Information

#b157d6 Color Conversion

Color Schemes with #b157d6

Alternatives to #b157d6

#b157d6 Preview

Shades and Tints of #b157d6

Tones of #b157d6

Color Blindness Simulator