#b458df hex color

In a RGB color space, hex #b458df is composed of 70.6% red, 34.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 19.3% cyan, 60.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 280.9 degrees, a saturation of 67.8% and a lightness of 61%. #b458df color hex could be obtained by blending #ffb0ff with #6900bf. Closest websafe color is: #cc66cc.

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

● #b458df color description : Soft violet.

The hexadecimal color #b458df has RGB values of R:180, G:88, B:223 and CMYK values of C:0.19, M:0.61, Y:0, K:0.13. Its decimal value is 11819231.

Hex triplet	b458df	`#b458df`
RGB Decimal	180, 88, 223	`rgb(180,88,223)`
RGB Percent	70.6, 34.5, 87.5	`rgb(70.6%,34.5%,87.5%)`
CMYK	19, 61, 0, 13
HSL	280.9°, 67.8, 61	`hsl(280.9,67.8%,61%)`
HSV (or HSB)	280.9°, 60.5, 87.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.039, 58.625, -53.63
XYZ	35.63, 22.012, 72.18
xyY	0.274, 0.17, 22.012
CIE-LCH	54.039, 79.455, 317.548
CIE-LUV	54.039, 32.943, -90.028
Hunter-Lab	46.916, 53.454, -58.375
Binary	10110100, 01011000, 11011111

#b458df
```
#b458df rgb(180,88,223)
```
#83df58
```
#83df58 rgb(131,223,88)
```

Complementary Color

#7158df
```
#7158df rgb(113,88,223)
```
#b458df
```
#b458df rgb(180,88,223)
```
#df58c7
```
#df58c7 rgb(223,88,199)
```

Analogous Color

#58df71
```
#58df71 rgb(88,223,113)
```
#b458df
```
#b458df rgb(180,88,223)
```
#c7df58
```
#c7df58 rgb(199,223,88)
```

Split Complementary Color

#58dfb4
```
#58dfb4 rgb(88,223,180)
```
#b458df
```
#b458df rgb(180,88,223)
```
#dfb458
```
#dfb458 rgb(223,180,88)
```

Triadic Color

#5883df
```
#5883df rgb(88,131,223)
```
#b458df
```
#b458df rgb(180,88,223)
```
#dfb458
```
#dfb458 rgb(223,180,88)
```
#83df58
```
#83df58 rgb(131,223,88)
```

Tetradic Color

#9226c5
```
#9226c5 rgb(146,38,197)
```
#a12dd7
```
#a12dd7 rgb(161,45,215)
```
#aa43db
```
#aa43db rgb(170,67,219)
```
#b458df
```
#b458df rgb(180,88,223)
```
#be6de3
```
#be6de3 rgb(190,109,227)
```
#c783e7
```
#c783e7 rgb(199,131,231)
```
#d198eb
```
#d198eb rgb(209,152,235)
```

Monochromatic Color

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

#9258df
```
#9258df rgb(146,88,223)
```
#9e58df
```
#9e58df rgb(158,88,223)
```
#a958df
```
#a958df rgb(169,88,223)
```
#b458df
```
#b458df rgb(180,88,223)
```
#bf58df
```
#bf58df rgb(191,88,223)
```
#cb58df
```
#cb58df rgb(203,88,223)
```
#d658df
```
#d658df rgb(214,88,223)
```

Similar Colors

Text with hexadecimal color #b458df

This text has a font color of #b458df.

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

#b458df background color

This paragraph has a background color of #b458df.

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

#b458df border color

This element has a border color of #b458df.

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

CSS codes

.text {color:#b458df;}

.background {background-color:#b458df;}

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

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

#0a030e
```
#0a030e rgb(10,3,14)
```
#17061f
```
#17061f rgb(23,6,31)
```
#23092f
```
#23092f rgb(35,9,47)
```
#2f0c3f
```
#2f0c3f rgb(47,12,63)
```
#3b0f50
```
#3b0f50 rgb(59,15,80)
```
#481260
```
#481260 rgb(72,18,96)
```
#541671
```
#541671 rgb(84,22,113)
```
#601981
```
#601981 rgb(96,25,129)
```
#6c1c92
```
#6c1c92 rgb(108,28,146)
```
#781fa2
```
#781fa2 rgb(120,31,162)
```
#8522b3
```
#8522b3 rgb(133,34,179)
```
#9125c3
```
#9125c3 rgb(145,37,195)
```
#9d29d4
```
#9d29d4 rgb(157,41,212)
```

Shade Color Variation

#a537d9
```
#a537d9 rgb(165,55,217)
```
#ad48dc
```
#ad48dc rgb(173,72,220)
```
#b458df
```
#b458df rgb(180,88,223)
```
#bb68e2
```
#bb68e2 rgb(187,104,226)
```
#c379e5
```
#c379e5 rgb(195,121,229)
```
#ca89e8
```
#ca89e8 rgb(202,137,232)
```
#d29aec
```
#d29aec rgb(210,154,236)
```
#d9aaef
```
#d9aaef rgb(217,170,239)
```
#e0bbf2
```
#e0bbf2 rgb(224,187,242)
```
#e8cbf5
```
#e8cbf5 rgb(232,203,245)
```
#efdcf8
```
#efdcf8 rgb(239,220,248)
```
#f7ecfb
```
#f7ecfb rgb(247,236,251)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#9e95a2
```
#9e95a2 rgb(158,149,162)
```
#a18ea9
```
#a18ea9 rgb(161,142,169)
```
#a386b1
```
#a386b1 rgb(163,134,177)
```
#a67eb9
```
#a67eb9 rgb(166,126,185)
```
#a977c0
```
#a977c0 rgb(169,119,192)
```
#ac6fc8
```
#ac6fc8 rgb(172,111,200)
```
#ae67d0
```
#ae67d0 rgb(174,103,208)
```
#b160d7
```
#b160d7 rgb(177,96,215)
```
#b458df
```
#b458df rgb(180,88,223)
```
#b750e7
```
#b750e7 rgb(183,80,231)
```
#ba49ee
```
#ba49ee rgb(186,73,238)
```
#bc41f6
```
#bc41f6 rgb(188,65,246)
```
#bf39fe
```
#bf39fe rgb(191,57,254)
```

Tone Color Variation

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

#2683fe Protanopia 1% of men
#5388d3 Deuteranopia 1% of men
#a77c85 Tritanopia 0.001% of the population

Trichromacy

#5a73f2 Protanomaly 1% of men, 0.01% of women
#7676d7 Deuteranomaly 6% of men, 0.4% of women
#ab6fa5 Tritanomaly 0.01% of the population

#b458df hex color

#b458df Color Information

#b458df Color Conversion

Color Schemes with #b458df

Alternatives to #b458df

#b458df Preview

Shades and Tints of #b458df

Tones of #b458df

Color Blindness Simulator