#b454b8 hex color

In a RGB color space, hex #b454b8 is composed of 70.6% red, 32.9% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 54.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 297.6 degrees, a saturation of 41.3% and a lightness of 52.5%. #b454b8 color hex could be obtained by blending #ffa8ff with #690071. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 71
- G 33
- B 72
RGB color chart
- C 2
- M 54
- Y 0
- K 28
CMYK color chart

● #b454b8 color description : Moderate magenta.

The hexadecimal color #b454b8 has RGB values of R:180, G:84, B:184 and CMYK values of C:0.02, M:0.54, Y:0, K:0.28. Its decimal value is 11818168.

Hex triplet	b454b8	`#b454b8`
RGB Decimal	180, 84, 184	`rgb(180,84,184)`
RGB Percent	70.6, 32.9, 72.2	`rgb(70.6%,32.9%,72.2%)`
CMYK	2, 54, 0, 28
HSL	297.6°, 41.3, 52.5	`hsl(297.6,41.3%,52.5%)`
HSV (or HSB)	297.6°, 54.3, 72.2
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	51.274, 52.875, -35.69
XYZ	30.644, 19.506, 47.496
xyY	0.314, 0.2, 19.506
CIE-LCH	51.274, 63.793, 325.981
CIE-LUV	51.274, 43.561, -60.914
Hunter-Lab	44.166, 46.559, -32.844
Binary	10110100, 01010100, 10111000

#b454b8
```
#b454b8 rgb(180,84,184)
```
#58b854
```
#58b854 rgb(88,184,84)
```

Complementary Color

#8254b8
```
#8254b8 rgb(130,84,184)
```
#b454b8
```
#b454b8 rgb(180,84,184)
```
#b8548a
```
#b8548a rgb(184,84,138)
```

Analogous Color

#54b882
```
#54b882 rgb(84,184,130)
```
#b454b8
```
#b454b8 rgb(180,84,184)
```
#8ab854
```
#8ab854 rgb(138,184,84)
```

Split Complementary Color

#54b8b4
```
#54b8b4 rgb(84,184,180)
```
#b454b8
```
#b454b8 rgb(180,84,184)
```
#b8b454
```
#b8b454 rgb(184,180,84)
```

Triadic Color

#5458b8
```
#5458b8 rgb(84,88,184)
```
#b454b8
```
#b454b8 rgb(180,84,184)
```
#b8b454
```
#b8b454 rgb(184,180,84)
```
#58b854
```
#58b854 rgb(88,184,84)
```

Tetradic Color

#843887
```
#843887 rgb(132,56,135)
```
#964099
```
#964099 rgb(150,64,153)
```
#a747ab
```
#a747ab rgb(167,71,171)
```
#b454b8
```
#b454b8 rgb(180,84,184)
```
#bc66bf
```
#bc66bf rgb(188,102,191)
```
#c478c7
```
#c478c7 rgb(196,120,199)
```
#cc8ace
```
#cc8ace rgb(204,138,206)
```

Monochromatic Color

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

#9b54b8
```
#9b54b8 rgb(155,84,184)
```
#a354b8
```
#a354b8 rgb(163,84,184)
```
#ac54b8
```
#ac54b8 rgb(172,84,184)
```
#b454b8
```
#b454b8 rgb(180,84,184)
```
#b854b4
```
#b854b4 rgb(184,84,180)
```
#b854ab
```
#b854ab rgb(184,84,171)
```
#b854a3
```
#b854a3 rgb(184,84,163)
```

Similar Colors

Text with hexadecimal color #b454b8

This text has a font color of #b454b8.

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

#b454b8 background color

This paragraph has a background color of #b454b8.

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

#b454b8 border color

This element has a border color of #b454b8.

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

CSS codes

.text {color:#b454b8;}

.background {background-color:#b454b8;}

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

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)
```
#170a17
```
#170a17 rgb(23,10,23)
```
#240f25
```
#240f25 rgb(36,15,37)
```
#321533
```
#321533 rgb(50,21,51)
```
#3f1b41
```
#3f1b41 rgb(63,27,65)
```
#4d214e
```
#4d214e rgb(77,33,78)
```
#5a265c
```
#5a265c rgb(90,38,92)
```
#682c6a
```
#682c6a rgb(104,44,106)
```
#753278
```
#753278 rgb(117,50,120)
```
#833886
```
#833886 rgb(131,56,134)
```
#903d94
```
#903d94 rgb(144,61,148)
```
#9e43a2
```
#9e43a2 rgb(158,67,162)
```
#ab49b0
```
#ab49b0 rgb(171,73,176)
```

Shade Color Variation

#b454b8
```
#b454b8 rgb(180,84,184)
```
#ba62be
```
#ba62be rgb(186,98,190)
```
#c070c4
```
#c070c4 rgb(192,112,196)
```
#c67ec9
```
#c67ec9 rgb(198,126,201)
```
#cc8bcf
```
#cc8bcf rgb(204,139,207)
```
#d299d5
```
#d299d5 rgb(210,153,213)
```
#d8a7db
```
#d8a7db rgb(216,167,219)
```
#dfb5e0
```
#dfb5e0 rgb(223,181,224)
```
#e5c3e6
```
#e5c3e6 rgb(229,195,230)
```
#ebd1ec
```
#ebd1ec rgb(235,209,236)
```
#f1dff2
```
#f1dff2 rgb(241,223,242)
```
#f7ecf7
```
#f7ecf7 rgb(247,236,247)
```
#fdfafd
```
#fdfafd rgb(253,250,253)
```

Tint Color Variation

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

#898389
```
#898389 rgb(137,131,137)
```
#927993
```
#927993 rgb(146,121,147)
```
#9a709c
```
#9a709c rgb(154,112,156)
```
#a367a5
```
#a367a5 rgb(163,103,165)
```
#ab5daf
```
#ab5daf rgb(171,93,175)
```
#b454b8
```
#b454b8 rgb(180,84,184)
```
#bd4bc1
```
#bd4bc1 rgb(189,75,193)
```
#c541cb
```
#c541cb rgb(197,65,203)
```
#ce38d4
```
#ce38d4 rgb(206,56,212)
```
#d62fdd
```
#d62fdd rgb(214,47,221)
```
#df25e7
```
#df25e7 rgb(223,37,231)
```
#e71cf0
```
#e71cf0 rgb(231,28,240)
```
#f013f9
```
#f013f9 rgb(240,19,249)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#877488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#567ed4 Protanopia 1% of men
#6d7fb1 Deuteranopia 1% of men
#ae6f77 Tritanopia 0.001% of the population

Trichromacy

#786eca Protanomaly 1% of men, 0.01% of women
#876fb3 Deuteranomaly 6% of men, 0.4% of women
#b0658e Tritanomaly 0.01% of the population

#b454b8 hex color

#b454b8 Color Information

#b454b8 Color Conversion

Color Schemes with #b454b8

Alternatives to #b454b8

#b454b8 Preview

Shades and Tints of #b454b8

Tones of #b454b8

Color Blindness Simulator