#b458dd hex color

In a RGB color space, hex #b458dd is composed of 70.6% red, 34.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 60.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 281.5 degrees, a saturation of 66.2% and a lightness of 60.6%. #b458dd color hex could be obtained by blending #ffb0ff with #6900bb. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 71
- G 35
- B 87
RGB color chart
- C 19
- M 60
- Y 0
- K 13
CMYK color chart

● #b458dd color description : Soft violet.

The hexadecimal color #b458dd has RGB values of R:180, G:88, B:221 and CMYK values of C:0.19, M:0.6, Y:0, K:0.13. Its decimal value is 11819229.

Hex triplet	b458dd	`#b458dd`
RGB Decimal	180, 88, 221	`rgb(180,88,221)`
RGB Percent	70.6, 34.5, 86.7	`rgb(70.6%,34.5%,86.7%)`
CMYK	19, 60, 0, 13
HSL	281.5°, 66.2, 60.6	`hsl(281.5,66.2%,60.6%)`
HSV (or HSB)	281.5°, 60.2, 86.7
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	53.925, 58.21, -52.682
XYZ	35.362, 21.904, 70.768
xyY	0.276, 0.171, 21.904
CIE-LCH	53.925, 78.51, 317.854
CIE-LUV	53.925, 33.389, -88.482
Hunter-Lab	46.802, 52.963, -56.889
Binary	10110100, 01011000, 11011101

#b458dd
```
#b458dd rgb(180,88,221)
```
#81dd58
```
#81dd58 rgb(129,221,88)
```

Complementary Color

#7258dd
```
#7258dd rgb(114,88,221)
```
#b458dd
```
#b458dd rgb(180,88,221)
```
#dd58c4
```
#dd58c4 rgb(221,88,196)
```

Analogous Color

#58dd72
```
#58dd72 rgb(88,221,114)
```
#b458dd
```
#b458dd rgb(180,88,221)
```
#c4dd58
```
#c4dd58 rgb(196,221,88)
```

Split Complementary Color

#58ddb4
```
#58ddb4 rgb(88,221,180)
```
#b458dd
```
#b458dd rgb(180,88,221)
```
#ddb458
```
#ddb458 rgb(221,180,88)
```

Triadic Color

#5881dd
```
#5881dd rgb(88,129,221)
```
#b458dd
```
#b458dd rgb(180,88,221)
```
#ddb458
```
#ddb458 rgb(221,180,88)
```
#81dd58
```
#81dd58 rgb(129,221,88)
```

Tetradic Color

#9227c1
```
#9227c1 rgb(146,39,193)
```
#a12ed4
```
#a12ed4 rgb(161,46,212)
```
#aa43d9
```
#aa43d9 rgb(170,67,217)
```
#b458dd
```
#b458dd rgb(180,88,221)
```
#be6de1
```
#be6de1 rgb(190,109,225)
```
#c782e6
```
#c782e6 rgb(199,130,230)
```
#d198ea
```
#d198ea rgb(209,152,234)
```

Monochromatic Color

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

#9358dd
```
#9358dd rgb(147,88,221)
```
#9e58dd
```
#9e58dd rgb(158,88,221)
```
#a958dd
```
#a958dd rgb(169,88,221)
```
#b458dd
```
#b458dd rgb(180,88,221)
```
#bf58dd
```
#bf58dd rgb(191,88,221)
```
#ca58dd
```
#ca58dd rgb(202,88,221)
```
#d558dd
```
#d558dd rgb(213,88,221)
```

Similar Colors

Text with hexadecimal color #b458dd

This text has a font color of #b458dd.

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

#b458dd background color

This paragraph has a background color of #b458dd.

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

#b458dd border color

This element has a border color of #b458dd.

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

CSS codes

.text {color:#b458dd;}

.background {background-color:#b458dd;}

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

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, #09020c is the darkest color, while #fdfbfe is the lightest one.

#09020c
```
#09020c rgb(9,2,12)
```
#16061d
```
#16061d rgb(22,6,29)
```
#22092d
```
#22092d rgb(34,9,45)
```
#2e0c3d
```
#2e0c3d rgb(46,12,61)
```
#3a104d
```
#3a104d rgb(58,16,77)
```
#47135e
```
#47135e rgb(71,19,94)
```
#53166e
```
#53166e rgb(83,22,110)
```
#5f1a7e
```
#5f1a7e rgb(95,26,126)
```
#6c1d8f
```
#6c1d8f rgb(108,29,143)
```
#78209f
```
#78209f rgb(120,32,159)
```
#8424af
```
#8424af rgb(132,36,175)
```
#9127c0
```
#9127c0 rgb(145,39,192)
```
#9d2ad0
```
#9d2ad0 rgb(157,42,208)
```

Shade Color Variation

#a537d6
```
#a537d6 rgb(165,55,214)
```
#ad48da
```
#ad48da rgb(173,72,218)
```
#b458dd
```
#b458dd rgb(180,88,221)
```
#bb68e0
```
#bb68e0 rgb(187,104,224)
```
#c379e4
```
#c379e4 rgb(195,121,228)
```
#ca89e7
```
#ca89e7 rgb(202,137,231)
```
#d199ea
```
#d199ea rgb(209,153,234)
```
#d9a9ee
```
#d9a9ee rgb(217,169,238)
```
#e0baf1
```
#e0baf1 rgb(224,186,241)
```
#e7caf4
```
#e7caf4 rgb(231,202,244)
```
#efdaf8
```
#efdaf8 rgb(239,218,248)
```
#f6ebfb
```
#f6ebfb rgb(246,235,251)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#9c969f
```
#9c969f rgb(156,150,159)
```
#9f8ea7
```
#9f8ea7 rgb(159,142,167)
```
#a286af
```
#a286af rgb(162,134,175)
```
#a57fb6
```
#a57fb6 rgb(165,127,182)
```
#a877be
```
#a877be rgb(168,119,190)
```
#ab6fc6
```
#ab6fc6 rgb(171,111,198)
```
#ae67ce
```
#ae67ce rgb(174,103,206)
```
#b160d5
```
#b160d5 rgb(177,96,213)
```
#b458dd
```
#b458dd rgb(180,88,221)
```
#b750e5
```
#b750e5 rgb(183,80,229)
```
#ba49ec
```
#ba49ec rgb(186,73,236)
```
#bd41f4
```
#bd41f4 rgb(189,65,244)
```
#c039fc
```
#c039fc rgb(192,57,252)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8d7a95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c83fb Protanopia 1% of men
#5588d2 Deuteranopia 1% of men
#a77b84 Tritanopia 0.001% of the population

Trichromacy

#5d73f0 Protanomaly 1% of men, 0.01% of women
#7776d6 Deuteranomaly 6% of men, 0.4% of women
#ac6ea4 Tritanomaly 0.01% of the population

#b458dd hex color

#b458dd Color Information

#b458dd Color Conversion

Color Schemes with #b458dd

Alternatives to #b458dd

#b458dd Preview

Shades and Tints of #b458dd

Tones of #b458dd

Color Blindness Simulator