#b157f5 hex color

In a RGB color space, hex #b157f5 is composed of 69.4% red, 34.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 64.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 274.2 degrees, a saturation of 88.8% and a lightness of 65.1%. #b157f5 color hex could be obtained by blending #ffaeff with #6300eb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 34
- B 96
RGB color chart
- C 28
- M 64
- Y 0
- K 4
CMYK color chart

● #b157f5 color description : Soft violet.

The hexadecimal color #b157f5 has RGB values of R:177, G:87, B:245 and CMYK values of C:0.28, M:0.64, Y:0, K:0.04. Its decimal value is 11622389.

Hex triplet	b157f5	`#b157f5`
RGB Decimal	177, 87, 245	`rgb(177,87,245)`
RGB Percent	69.4, 34.1, 96.1	`rgb(69.4%,34.1%,96.1%)`
CMYK	28, 64, 0, 4
HSL	274.2°, 88.8, 65.1	`hsl(274.2,88.8%,65.1%)`
HSV (or HSB)	274.2°, 64.5, 96.1
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.821, 63.14, -64.734
XYZ	38.019, 22.757, 88.771
xyY	0.254, 0.152, 22.757
CIE-LCH	54.821, 90.427, 314.286
CIE-LUV	54.821, 26.857, -107.71
Hunter-Lab	47.704, 58.777, -76.938
Binary	10110001, 01010111, 11110101

#b157f5
```
#b157f5 rgb(177,87,245)
```
#9bf557
```
#9bf557 rgb(155,245,87)
```

Complementary Color

#6257f5
```
#6257f5 rgb(98,87,245)
```
#b157f5
```
#b157f5 rgb(177,87,245)
```
#f557ea
```
#f557ea rgb(245,87,234)
```

Analogous Color

#57f562
```
#57f562 rgb(87,245,98)
```
#b157f5
```
#b157f5 rgb(177,87,245)
```
#eaf557
```
#eaf557 rgb(234,245,87)
```

Split Complementary Color

#57f5b1
```
#57f5b1 rgb(87,245,177)
```
#b157f5
```
#b157f5 rgb(177,87,245)
```
#f5b157
```
#f5b157 rgb(245,177,87)
```

Triadic Color

#579bf5
```
#579bf5 rgb(87,155,245)
```
#b157f5
```
#b157f5 rgb(177,87,245)
```
#f5b157
```
#f5b157 rgb(245,177,87)
```
#9bf557
```
#9bf557 rgb(155,245,87)
```

Tetradic Color

#8f0ff1
```
#8f0ff1 rgb(143,15,241)
```
#9b27f2
```
#9b27f2 rgb(155,39,242)
```
#a63ff4
```
#a63ff4 rgb(166,63,244)
```
#b157f5
```
#b157f5 rgb(177,87,245)
```
#bc6ff6
```
#bc6ff6 rgb(188,111,246)
```
#c787f8
```
#c787f8 rgb(199,135,248)
```
#d39ff9
```
#d39ff9 rgb(211,159,249)
```

Monochromatic Color

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

#8a57f5
```
#8a57f5 rgb(138,87,245)
```
#9757f5
```
#9757f5 rgb(151,87,245)
```
#a457f5
```
#a457f5 rgb(164,87,245)
```
#b157f5
```
#b157f5 rgb(177,87,245)
```
#be57f5
```
#be57f5 rgb(190,87,245)
```
#cb57f5
```
#cb57f5 rgb(203,87,245)
```
#d957f5
```
#d957f5 rgb(217,87,245)
```

Similar Colors

Text with hexadecimal color #b157f5

This text has a font color of #b157f5.

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

#b157f5 background color

This paragraph has a background color of #b157f5.

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

#b157f5 border color

This element has a border color of #b157f5.

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

CSS codes

.text {color:#b157f5;}

.background {background-color:#b157f5;}

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

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

#0a0111
```
#0a0111 rgb(10,1,17)
```
#150224
```
#150224 rgb(21,2,36)
```
#200336
```
#200336 rgb(32,3,54)
```
#2b0449
```
#2b0449 rgb(43,4,73)
```
#36055b
```
#36055b rgb(54,5,91)
```
#41076e
```
#41076e rgb(65,7,110)
```
#4c0880
```
#4c0880 rgb(76,8,128)
```
#570993
```
#570993 rgb(87,9,147)
```
#620aa5
```
#620aa5 rgb(98,10,165)
```
#6d0bb8
```
#6d0bb8 rgb(109,11,184)
```
#780cca
```
#780cca rgb(120,12,202)
```
#830ddd
```
#830ddd rgb(131,13,221)
```
#8e0eef
```
#8e0eef rgb(142,14,239)
```

Shade Color Variation

#971ff2
```
#971ff2 rgb(151,31,242)
```
#a032f3
```
#a032f3 rgb(160,50,243)
```
#a844f4
```
#a844f4 rgb(168,68,244)
```
#b157f5
```
#b157f5 rgb(177,87,245)
```
#ba6af6
```
#ba6af6 rgb(186,106,246)
```
#c27cf7
```
#c27cf7 rgb(194,124,247)
```
#cb8ff8
```
#cb8ff8 rgb(203,143,248)
```
#d3a1f9
```
#d3a1f9 rgb(211,161,249)
```
#dcb4fb
```
#dcb4fb rgb(220,180,251)
```
#e5c6fc
```
#e5c6fc rgb(229,198,252)
```
#edd9fd
```
#edd9fd rgb(237,217,253)
```
#f6ebfe
```
#f6ebfe rgb(246,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a7a2aa
```
#a7a2aa rgb(167,162,170)
```
#a79bb1
```
#a79bb1 rgb(167,155,177)
```
#a895b7
```
#a895b7 rgb(168,149,183)
```
#a98ebe
```
#a98ebe rgb(169,142,190)
```
#aa87c5
```
#aa87c5 rgb(170,135,197)
```
#ab80cc
```
#ab80cc rgb(171,128,204)
```
#ac79d3
```
#ac79d3 rgb(172,121,211)
```
#ad72da
```
#ad72da rgb(173,114,218)
```
#ae6ce0
```
#ae6ce0 rgb(174,108,224)
```
#af65e7
```
#af65e7 rgb(175,101,231)
```
#b05eee
```
#b05eee rgb(176,94,238)
```
#b157f5
```
#b157f5 rgb(177,87,245)
```
#b250fc
```
#b250fc rgb(178,80,252)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d7b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e85ff Protanopia 1% of men
#278be6 Deuteranopia 1% of men
#9e828b Tritanopia 0.001% of the population

Trichromacy

#5d74fb Protanomaly 1% of men, 0.01% of women
#5978eb Deuteranomaly 6% of men, 0.4% of women
#a572b1 Tritanomaly 0.01% of the population

#b157f5 hex color

#b157f5 Color Information

#b157f5 Color Conversion

Color Schemes with #b157f5

Alternatives to #b157f5

#b157f5 Preview

Shades and Tints of #b157f5

Tones of #b157f5

Color Blindness Simulator