#b458ec hex color

In a RGB color space, hex #b458ec is composed of 70.6% red, 34.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 62.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 277.3 degrees, a saturation of 79.6% and a lightness of 63.5%. #b458ec color hex could be obtained by blending #ffb0ff with #6900d9. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 71
- G 35
- B 93
RGB color chart
- C 24
- M 63
- Y 0
- K 7
CMYK color chart

● #b458ec color description : Soft violet.

The hexadecimal color #b458ec has RGB values of R:180, G:88, B:236 and CMYK values of C:0.24, M:0.63, Y:0, K:0.07. Its decimal value is 11819244.

Hex triplet	b458ec	`#b458ec`
RGB Decimal	180, 88, 236	`rgb(180,88,236)`
RGB Percent	70.6, 34.5, 92.5	`rgb(70.6%,34.5%,92.5%)`
CMYK	24, 63, 0, 7
HSL	277.3°, 79.6, 63.5	`hsl(277.3,79.6%,63.5%)`
HSV (or HSB)	277.3°, 62.7, 92.5
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	54.803, 61.371, -59.716
XYZ	37.45, 22.74, 81.769
xyY	0.264, 0.16, 22.74
CIE-LCH	54.803, 85.63, 315.783
CIE-LUV	54.803, 30.124, -99.942
Hunter-Lab	47.686, 56.734, -68.285
Binary	10110100, 01011000, 11101100

#b458ec
```
#b458ec rgb(180,88,236)
```
#90ec58
```
#90ec58 rgb(144,236,88)
```

Complementary Color

#6a58ec
```
#6a58ec rgb(106,88,236)
```
#b458ec
```
#b458ec rgb(180,88,236)
```
#ec58da
```
#ec58da rgb(236,88,218)
```

Analogous Color

#58ec6a
```
#58ec6a rgb(88,236,106)
```
#b458ec
```
#b458ec rgb(180,88,236)
```
#daec58
```
#daec58 rgb(218,236,88)
```

Split Complementary Color

#58ecb4
```
#58ecb4 rgb(88,236,180)
```
#b458ec
```
#b458ec rgb(180,88,236)
```
#ecb458
```
#ecb458 rgb(236,180,88)
```

Triadic Color

#5890ec
```
#5890ec rgb(88,144,236)
```
#b458ec
```
#b458ec rgb(180,88,236)
```
#ecb458
```
#ecb458 rgb(236,180,88)
```
#90ec58
```
#90ec58 rgb(144,236,88)
```

Tetradic Color

#9419de
```
#9419de rgb(148,25,222)
```
#9f2ae7
```
#9f2ae7 rgb(159,42,231)
```
#aa41e9
```
#aa41e9 rgb(170,65,233)
```
#b458ec
```
#b458ec rgb(180,88,236)
```
#be6fef
```
#be6fef rgb(190,111,239)
```
#c986f1
```
#c986f1 rgb(201,134,241)
```
#d39df4
```
#d39df4 rgb(211,157,244)
```

Monochromatic Color

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

#8f58ec
```
#8f58ec rgb(143,88,236)
```
#9b58ec
```
#9b58ec rgb(155,88,236)
```
#a858ec
```
#a858ec rgb(168,88,236)
```
#b458ec
```
#b458ec rgb(180,88,236)
```
#c058ec
```
#c058ec rgb(192,88,236)
```
#cd58ec
```
#cd58ec rgb(205,88,236)
```
#d958ec
```
#d958ec rgb(217,88,236)
```

Similar Colors

Text with hexadecimal color #b458ec

This text has a font color of #b458ec.

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

#b458ec background color

This paragraph has a background color of #b458ec.

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

#b458ec border color

This element has a border color of #b458ec.

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

CSS codes

.text {color:#b458ec;}

.background {background-color:#b458ec;}

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

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

#060109
```
#060109 rgb(6,1,9)
```
#12031b
```
#12031b rgb(18,3,27)
```
#1d052c
```
#1d052c rgb(29,5,44)
```
#29073e
```
#29073e rgb(41,7,62)
```
#350950
```
#350950 rgb(53,9,80)
```
#410b61
```
#410b61 rgb(65,11,97)
```
#4c0d73
```
#4c0d73 rgb(76,13,115)
```
#580f84
```
#580f84 rgb(88,15,132)
```
#641196
```
#641196 rgb(100,17,150)
```
#6f13a8
```
#6f13a8 rgb(111,19,168)
```
#7b15b9
```
#7b15b9 rgb(123,21,185)
```
#8717cb
```
#8717cb rgb(135,23,203)
```
#9319dc
```
#9319dc rgb(147,25,220)
```

Shade Color Variation

#9c23e6
```
#9c23e6 rgb(156,35,230)
```
#a435e8
```
#a435e8 rgb(164,53,232)
```
#ac46ea
```
#ac46ea rgb(172,70,234)
```
#b458ec
```
#b458ec rgb(180,88,236)
```
#bc6aee
```
#bc6aee rgb(188,106,238)
```
#c47bf0
```
#c47bf0 rgb(196,123,240)
```
#cc8df2
```
#cc8df2 rgb(204,141,242)
```
#d49ef4
```
#d49ef4 rgb(212,158,244)
```
#dcb0f6
```
#dcb0f6 rgb(220,176,246)
```
#e3c2f8
```
#e3c2f8 rgb(227,194,248)
```
#ebd3fa
```
#ebd3fa rgb(235,211,250)
```
#f3e5fc
```
#f3e5fc rgb(243,229,252)
```
#fbf7fe
```
#fbf7fe rgb(251,247,254)
```

Tint Color Variation

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

#a3a0a4
```
#a3a0a4 rgb(163,160,164)
```
#a498ac
```
#a498ac rgb(164,152,172)
```
#a691b3
```
#a691b3 rgb(166,145,179)
```
#a88aba
```
#a88aba rgb(168,138,186)
```
#aa83c1
```
#aa83c1 rgb(170,131,193)
```
#ab7cc8
```
#ab7cc8 rgb(171,124,200)
```
#ad75cf
```
#ad75cf rgb(173,117,207)
```
#af6dd7
```
#af6dd7 rgb(175,109,215)
```
#b166de
```
#b166de rgb(177,102,222)
```
#b25fe5
```
#b25fe5 rgb(178,95,229)
```
#b458ec
```
#b458ec rgb(180,88,236)
```
#b651f3
```
#b651f3 rgb(182,81,243)
```
#b74afa
```
#b74afa rgb(183,74,250)
```

Tone Color Variation

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

Dichromacy

#2e85ff Protanopia 1% of men
#438ade Deuteranopia 1% of men
#a48089 Tritanopia 0.001% of the population

Trichromacy

#5f75f8 Protanomaly 1% of men, 0.01% of women
#6c78e3 Deuteranomaly 6% of men, 0.4% of women
#aa71ad Tritanomaly 0.01% of the population

#b458ec hex color

#b458ec Color Information

#b458ec Color Conversion

Color Schemes with #b458ec

Alternatives to #b458ec

#b458ec Preview

Shades and Tints of #b458ec

Tones of #b458ec

Color Blindness Simulator