#b157df hex color

In a RGB color space, hex #b157df is composed of 69.4% red, 34.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 61% magenta, 0% yellow and 12.5% black. It has a hue angle of 279.7 degrees, a saturation of 68% and a lightness of 60.8%. #b157df color hex could be obtained by blending #ffaeff with #6300bf. Closest websafe color is: #9966cc.

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

● #b157df color description : Soft violet.

The hexadecimal color #b157df has RGB values of R:177, G:87, B:223 and CMYK values of C:0.21, M:0.61, Y:0, K:0.13. Its decimal value is 11622367.

Hex triplet	b157df	`#b157df`
RGB Decimal	177, 87, 223	`rgb(177,87,223)`
RGB Percent	69.4, 34.1, 87.5	`rgb(69.4%,34.1%,87.5%)`
CMYK	21, 61, 0, 13
HSL	279.7°, 68, 60.8	`hsl(279.7,68%,60.8%)`
HSV (or HSB)	279.7°, 61, 87.5
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.484, 58.394, -54.539
XYZ	34.857, 21.492, 72.12
xyY	0.271, 0.167, 21.492
CIE-LCH	53.484, 79.902, 316.955
CIE-LUV	53.484, 31.452, -91.164
Hunter-Lab	46.36, 53.082, -59.784
Binary	10110001, 01010111, 11011111

#b157df
```
#b157df rgb(177,87,223)
```
#85df57
```
#85df57 rgb(133,223,87)
```

Complementary Color

#6d57df
```
#6d57df rgb(109,87,223)
```
#b157df
```
#b157df rgb(177,87,223)
```
#df57c9
```
#df57c9 rgb(223,87,201)
```

Analogous Color

#57df6d
```
#57df6d rgb(87,223,109)
```
#b157df
```
#b157df rgb(177,87,223)
```
#c9df57
```
#c9df57 rgb(201,223,87)
```

Split Complementary Color

#57dfb1
```
#57dfb1 rgb(87,223,177)
```
#b157df
```
#b157df rgb(177,87,223)
```
#dfb157
```
#dfb157 rgb(223,177,87)
```

Triadic Color

#5785df
```
#5785df rgb(87,133,223)
```
#b157df
```
#b157df rgb(177,87,223)
```
#dfb157
```
#dfb157 rgb(223,177,87)
```
#85df57
```
#85df57 rgb(133,223,87)
```

Tetradic Color

#8e25c4
```
#8e25c4 rgb(142,37,196)
```
#9d2cd7
```
#9d2cd7 rgb(157,44,215)
```
#a742db
```
#a742db rgb(167,66,219)
```
#b157df
```
#b157df rgb(177,87,223)
```
#bb6ce3
```
#bb6ce3 rgb(187,108,227)
```
#c582e7
```
#c582e7 rgb(197,130,231)
```
#cf97eb
```
#cf97eb rgb(207,151,235)
```

Monochromatic Color

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

#8f57df
```
#8f57df rgb(143,87,223)
```
#9a57df
```
#9a57df rgb(154,87,223)
```
#a657df
```
#a657df rgb(166,87,223)
```
#b157df
```
#b157df rgb(177,87,223)
```
#bc57df
```
#bc57df rgb(188,87,223)
```
#c857df
```
#c857df rgb(200,87,223)
```
#d357df
```
#d357df rgb(211,87,223)
```

Similar Colors

Text with hexadecimal color #b157df

This text has a font color of #b157df.

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

#b157df background color

This paragraph has a background color of #b157df.

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

#b157df border color

This element has a border color of #b157df.

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

CSS codes

.text {color:#b157df;}

.background {background-color:#b157df;}

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

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, #0a030d is the darkest color, while #fefcfe is the lightest one.

#0a030d
```
#0a030d rgb(10,3,13)
```
#16061e
```
#16061e rgb(22,6,30)
```
#22092e
```
#22092e rgb(34,9,46)
```
#2e0c3f
```
#2e0c3f rgb(46,12,63)
```
#390f4f
```
#390f4f rgb(57,15,79)
```
#451260
```
#451260 rgb(69,18,96)
```
#511570
```
#511570 rgb(81,21,112)
```
#5d1881
```
#5d1881 rgb(93,24,129)
```
#691c91
```
#691c91 rgb(105,28,145)
```
#751fa2
```
#751fa2 rgb(117,31,162)
```
#8122b2
```
#8122b2 rgb(129,34,178)
```
#8d25c2
```
#8d25c2 rgb(141,37,194)
```
#9928d3
```
#9928d3 rgb(153,40,211)
```

Shade Color Variation

#a236d9
```
#a236d9 rgb(162,54,217)
```
#a947dc
```
#a947dc rgb(169,71,220)
```
#b157df
```
#b157df rgb(177,87,223)
```
#b967e2
```
#b967e2 rgb(185,103,226)
```
#c078e5
```
#c078e5 rgb(192,120,229)
```
#c888e8
```
#c888e8 rgb(200,136,232)
```
#d099ec
```
#d099ec rgb(208,153,236)
```
#d7a9ef
```
#d7a9ef rgb(215,169,239)
```
#dfbaf2
```
#dfbaf2 rgb(223,186,242)
```
#e7caf5
```
#e7caf5 rgb(231,202,245)
```
#eedbf8
```
#eedbf8 rgb(238,219,248)
```
#f6ebfb
```
#f6ebfb rgb(246,235,251)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#9d95a1
```
#9d95a1 rgb(157,149,161)
```
#a08da9
```
#a08da9 rgb(160,141,169)
```
#a285b1
```
#a285b1 rgb(162,133,177)
```
#a57db9
```
#a57db9 rgb(165,125,185)
```
#a776c0
```
#a776c0 rgb(167,118,192)
```
#aa6ec8
```
#aa6ec8 rgb(170,110,200)
```
#ac66d0
```
#ac66d0 rgb(172,102,208)
```
#af5fd7
```
#af5fd7 rgb(175,95,215)
```
#b157df
```
#b157df rgb(177,87,223)
```
#b34fe7
```
#b34fe7 rgb(179,79,231)
```
#b648ee
```
#b648ee rgb(182,72,238)
```
#b840f6
```
#b840f6 rgb(184,64,246)
```
#bb38fe
```
#bb38fe rgb(187,56,254)
```

Tone Color Variation

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

#1a82fe Protanopia 1% of men
#4e87d3 Deuteranopia 1% of men
#a37b84 Tritanopia 0.001% of the population

Trichromacy

#5172f2 Protanomaly 1% of men, 0.01% of women
#7275d7 Deuteranomaly 6% of men, 0.4% of women
#a86ea5 Tritanomaly 0.01% of the population

#b157df hex color

#b157df Color Information

#b157df Color Conversion

Color Schemes with #b157df

Alternatives to #b157df

#b157df Preview

Shades and Tints of #b157df

Tones of #b157df

Color Blindness Simulator