#b458b2 hex color

In a RGB color space, hex #b458b2 is composed of 70.6% red, 34.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.1% magenta, 1.1% yellow and 29.4% black. It has a hue angle of 301.3 degrees, a saturation of 38% and a lightness of 52.5%. #b458b2 color hex could be obtained by blending #ffb0ff with #690065. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 71
- G 35
- B 70
RGB color chart
- C 0
- M 51
- Y 1
- K 29
CMYK color chart

● #b458b2 color description : Moderate magenta.

The hexadecimal color #b458b2 has RGB values of R:180, G:88, B:178 and CMYK values of C:0, M:0.51, Y:0.01, K:0.29. Its decimal value is 11819186.

Hex triplet	b458b2	`#b458b2`
RGB Decimal	180, 88, 178	`rgb(180,88,178)`
RGB Percent	70.6, 34.5, 69.8	`rgb(70.6%,34.5%,69.8%)`
CMYK	0, 51, 1, 29
HSL	301.3°, 38, 52.5	`hsl(301.3,38%,52.5%)`
HSV (or HSB)	301.3°, 51.1, 70.6
Web Safe	cc6699	`#cc6699`

CIE-LAB	51.722, 49.834, -31.502
XYZ	30.347, 19.899, 44.359
xyY	0.321, 0.21, 19.899
CIE-LCH	51.722, 58.956, 327.701
CIE-LUV	51.722, 43.68, -54.209
Hunter-Lab	44.608, 43.372, -27.734
Binary	10110100, 01011000, 10110010

#b458b2
```
#b458b2 rgb(180,88,178)
```
#58b45a
```
#58b45a rgb(88,180,90)
```

Complementary Color

#8858b4
```
#8858b4 rgb(136,88,180)
```
#b458b2
```
#b458b2 rgb(180,88,178)
```
#b45884
```
#b45884 rgb(180,88,132)
```

Analogous Color

#58b488
```
#58b488 rgb(88,180,136)
```
#b458b2
```
#b458b2 rgb(180,88,178)
```
#84b458
```
#84b458 rgb(132,180,88)
```

Split Complementary Color

#58b2b4
```
#58b2b4 rgb(88,178,180)
```
#b458b2
```
#b458b2 rgb(180,88,178)
```
#b2b458
```
#b2b458 rgb(178,180,88)
```

Triadic Color

#5a58b4
```
#5a58b4 rgb(90,88,180)
```
#b458b2
```
#b458b2 rgb(180,88,178)
```
#b2b458
```
#b2b458 rgb(178,180,88)
```
#58b45a
```
#58b45a rgb(88,180,90)
```

Tetradic Color

#843b83
```
#843b83 rgb(132,59,131)
```
#964394
```
#964394 rgb(150,67,148)
```
#a74ba5
```
#a74ba5 rgb(167,75,165)
```
#b458b2
```
#b458b2 rgb(180,88,178)
```
#bc6aba
```
#bc6aba rgb(188,106,186)
```
#c47bc2
```
#c47bc2 rgb(196,123,194)
```
#cc8dca
```
#cc8dca rgb(204,141,202)
```

Monochromatic Color

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

#9f58b4
```
#9f58b4 rgb(159,88,180)
```
#a758b4
```
#a758b4 rgb(167,88,180)
```
#ae58b4
```
#ae58b4 rgb(174,88,180)
```
#b458b2
```
#b458b2 rgb(180,88,178)
```
#b458aa
```
#b458aa rgb(180,88,170)
```
#b458a3
```
#b458a3 rgb(180,88,163)
```
#b4589b
```
#b4589b rgb(180,88,155)
```

Similar Colors

Text with hexadecimal color #b458b2

This text has a font color of #b458b2.

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

#b458b2 background color

This paragraph has a background color of #b458b2.

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

#b458b2 border color

This element has a border color of #b458b2.

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

CSS codes

.text {color:#b458b2;}

.background {background-color:#b458b2;}

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

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

#090409
```
#090409 rgb(9,4,9)
```
#170a16
```
#170a16 rgb(23,10,22)
```
#241024
```
#241024 rgb(36,16,36)
```
#321631
```
#321631 rgb(50,22,49)
```
#3f1c3e
```
#3f1c3e rgb(63,28,62)
```
#4d224c
```
#4d224c rgb(77,34,76)
```
#5a2959
```
#5a2959 rgb(90,41,89)
```
#682f66
```
#682f66 rgb(104,47,102)
```
#753574
```
#753574 rgb(117,53,116)
```
#833b81
```
#833b81 rgb(131,59,129)
```
#90418f
```
#90418f rgb(144,65,143)
```
#9e479c
```
#9e479c rgb(158,71,156)
```
#ab4da9
```
#ab4da9 rgb(171,77,169)
```

Shade Color Variation

#b458b2
```
#b458b2 rgb(180,88,178)
```
#ba66b8
```
#ba66b8 rgb(186,102,184)
```
#c073be
```
#c073be rgb(192,115,190)
```
#c681c5
```
#c681c5 rgb(198,129,197)
```
#cc8ecb
```
#cc8ecb rgb(204,142,203)
```
#d29cd1
```
#d29cd1 rgb(210,156,209)
```
#d8a9d7
```
#d8a9d7 rgb(216,169,215)
```
#dfb7de
```
#dfb7de rgb(223,183,222)
```
#e5c4e4
```
#e5c4e4 rgb(229,196,228)
```
#ebd2ea
```
#ebd2ea rgb(235,210,234)
```
#f1dff0
```
#f1dff0 rgb(241,223,240)
```
#f7edf7
```
#f7edf7 rgb(247,237,247)
```
#fdfafd
```
#fdfafd rgb(253,250,253)
```

Tint Color Variation

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

#8f7d8e
```
#8f7d8e rgb(143,125,142)
```
#987497
```
#987497 rgb(152,116,151)
```
#a16ba0
```
#a16ba0 rgb(161,107,160)
```
#ab61a9
```
#ab61a9 rgb(171,97,169)
```
#b458b2
```
#b458b2 rgb(180,88,178)
```
#bd4fbb
```
#bd4fbb rgb(189,79,187)
```
#c745c4
```
#c745c4 rgb(199,69,196)
```
#d03ccd
```
#d03ccd rgb(208,60,205)
```
#d933d6
```
#d933d6 rgb(217,51,214)
```
#e329df
```
#e329df rgb(227,41,223)
```
#ec20e7
```
#ec20e7 rgb(236,32,231)
```
#f517f0
```
#f517f0 rgb(245,23,240)
```
#fe0ef9
```
#fe0ef9 rgb(254,14,249)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#897688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#607fcc Protanopia 1% of men
#7480ac Deuteranopia 1% of men
#af7078 Tritanopia 0.001% of the population

Trichromacy

#7e71c2 Protanomaly 1% of men, 0.01% of women
#8b71ae Deuteranomaly 6% of men, 0.4% of women
#b1678d Tritanomaly 0.01% of the population

#b458b2 hex color

#b458b2 Color Information

#b458b2 Color Conversion

Color Schemes with #b458b2

Alternatives to #b458b2

#b458b2 Preview

Shades and Tints of #b458b2

Tones of #b458b2

Color Blindness Simulator