#b158d4 hex color

In a RGB color space, hex #b158d4 is composed of 69.4% red, 34.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 58.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 283.1 degrees, a saturation of 59% and a lightness of 58.8%. #b158d4 color hex could be obtained by blending #ffb0ff with #6300a9. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 35
- B 83
RGB color chart
- C 17
- M 58
- Y 0
- K 17
CMYK color chart

● #b158d4 color description : Moderate violet.

The hexadecimal color #b158d4 has RGB values of R:177, G:88, B:212 and CMYK values of C:0.17, M:0.58, Y:0, K:0.17. Its decimal value is 11622612.

Hex triplet	b158d4	`#b158d4`
RGB Decimal	177, 88, 212	`rgb(177,88,212)`
RGB Percent	69.4, 34.5, 83.1	`rgb(69.4%,34.5%,83.1%)`
CMYK	17, 58, 0, 17
HSL	283.1°, 59, 58.8	`hsl(283.1,59%,58.8%)`
HSV (or HSB)	283.1°, 58.5, 83.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.038, 55.621, -49.014
XYZ	33.503, 21.081, 64.588
xyY	0.281, 0.177, 21.081
CIE-LCH	53.038, 74.136, 318.613
CIE-LUV	53.038, 33.607, -82.213
Hunter-Lab	45.914, 49.901, -51.264
Binary	10110001, 01011000, 11010100

#b158d4
```
#b158d4 rgb(177,88,212)
```
#7bd458
```
#7bd458 rgb(123,212,88)
```

Complementary Color

#7358d4
```
#7358d4 rgb(115,88,212)
```
#b158d4
```
#b158d4 rgb(177,88,212)
```
#d458b9
```
#d458b9 rgb(212,88,185)
```

Analogous Color

#58d473
```
#58d473 rgb(88,212,115)
```
#b158d4
```
#b158d4 rgb(177,88,212)
```
#b9d458
```
#b9d458 rgb(185,212,88)
```

Split Complementary Color

#58d4b1
```
#58d4b1 rgb(88,212,177)
```
#b158d4
```
#b158d4 rgb(177,88,212)
```
#d4b158
```
#d4b158 rgb(212,177,88)
```

Triadic Color

#587bd4
```
#587bd4 rgb(88,123,212)
```
#b158d4
```
#b158d4 rgb(177,88,212)
```
#d4b158
```
#d4b158 rgb(212,177,88)
```
#7bd458
```
#7bd458 rgb(123,212,88)
```

Tetradic Color

#8c2eb2
```
#8c2eb2 rgb(140,46,178)
```
#9d33c6
```
#9d33c6 rgb(157,51,198)
```
#a844cf
```
#a844cf rgb(168,68,207)
```
#b158d4
```
#b158d4 rgb(177,88,212)
```
#ba6cd9
```
#ba6cd9 rgb(186,108,217)
```
#c481de
```
#c481de rgb(196,129,222)
```
#cd95e4
```
#cd95e4 rgb(205,149,228)
```

Monochromatic Color

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

#9258d4
```
#9258d4 rgb(146,88,212)
```
#9c58d4
```
#9c58d4 rgb(156,88,212)
```
#a758d4
```
#a758d4 rgb(167,88,212)
```
#b158d4
```
#b158d4 rgb(177,88,212)
```
#bb58d4
```
#bb58d4 rgb(187,88,212)
```
#c658d4
```
#c658d4 rgb(198,88,212)
```
#d058d4
```
#d058d4 rgb(208,88,212)
```

Similar Colors

Text with hexadecimal color #b158d4

This text has a font color of #b158d4.

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

#b158d4 background color

This paragraph has a background color of #b158d4.

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

#b158d4 border color

This element has a border color of #b158d4.

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

CSS codes

.text {color:#b158d4;}

.background {background-color:#b158d4;}

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

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 #faf4fc is the lightest one.

#040105
```
#040105 rgb(4,1,5)
```
#100514
```
#100514 rgb(16,5,20)
```
#1c0924
```
#1c0924 rgb(28,9,36)
```
#290d33
```
#290d33 rgb(41,13,51)
```
#351143
```
#351143 rgb(53,17,67)
```
#411553
```
#411553 rgb(65,21,83)
```
#4e1962
```
#4e1962 rgb(78,25,98)
```
#5a1d72
```
#5a1d72 rgb(90,29,114)
```
#662181
```
#662181 rgb(102,33,129)
```
#732591
```
#732591 rgb(115,37,145)
```
#7f29a1
```
#7f29a1 rgb(127,41,161)
```
#8b2db0
```
#8b2db0 rgb(139,45,176)
```
#9831c0
```
#9831c0 rgb(152,49,192)
```

Shade Color Variation

#a239cc
```
#a239cc rgb(162,57,204)
```
#aa48d0
```
#aa48d0 rgb(170,72,208)
```
#b158d4
```
#b158d4 rgb(177,88,212)
```
#b868d8
```
#b868d8 rgb(184,104,216)
```
#c077dc
```
#c077dc rgb(192,119,220)
```
#c787e0
```
#c787e0 rgb(199,135,224)
```
#ce96e4
```
#ce96e4 rgb(206,150,228)
```
#d5a6e8
```
#d5a6e8 rgb(213,166,232)
```
#ddb6ec
```
#ddb6ec rgb(221,182,236)
```
#e4c5f0
```
#e4c5f0 rgb(228,197,240)
```
#ebd5f4
```
#ebd5f4 rgb(235,213,244)
```
#f3e4f8
```
#f3e4f8 rgb(243,228,248)
```
#faf4fc
```
#faf4fc rgb(250,244,252)
```

Tint Color Variation

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

#98919b
```
#98919b rgb(152,145,155)
```
#9c88a4
```
#9c88a4 rgb(156,136,164)
```
#9f80ac
```
#9f80ac rgb(159,128,172)
```
#a378b4
```
#a378b4 rgb(163,120,180)
```
#a670bc
```
#a670bc rgb(166,112,188)
```
#aa68c4
```
#aa68c4 rgb(170,104,196)
```
#ad60cc
```
#ad60cc rgb(173,96,204)
```
#b158d4
```
#b158d4 rgb(177,88,212)
```
#b550dc
```
#b550dc rgb(181,80,220)
```
#b848e4
```
#b848e4 rgb(184,72,228)
```
#bc40ec
```
#bc40ec rgb(188,64,236)
```
#bf38f4
```
#bf38f4 rgb(191,56,244)
```
#c330fc
```
#c330fc rgb(195,48,252)
```

Tone Color Variation

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

Dichromacy

#3c81f1 Protanopia 1% of men
#5b85ca Deuteranopia 1% of men
#a67981 Tritanopia 0.001% of the population

Trichromacy

#6672e6 Protanomaly 1% of men, 0.01% of women
#7a74cd Deuteranomaly 6% of men, 0.4% of women
#aa6d9f Tritanomaly 0.01% of the population

#b158d4 hex color

#b158d4 Color Information

#b158d4 Color Conversion

Color Schemes with #b158d4

Alternatives to #b158d4

#b158d4 Preview

Shades and Tints of #b158d4

Tones of #b158d4

Color Blindness Simulator