#bb45d4 hex color

In a RGB color space, hex #bb45d4 is composed of 73.3% red, 27.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 67.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 289.5 degrees, a saturation of 62.4% and a lightness of 55.1%. #bb45d4 color hex could be obtained by blending #ff8aff with #7700a9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 27
- B 83
RGB color chart
- C 12
- M 67
- Y 0
- K 17
CMYK color chart

● #bb45d4 color description : Moderate magenta.

The hexadecimal color #bb45d4 has RGB values of R:187, G:69, B:212 and CMYK values of C:0.12, M:0.67, Y:0, K:0.17. Its decimal value is 12273108.

Hex triplet	bb45d4	`#bb45d4`
RGB Decimal	187, 69, 212	`rgb(187,69,212)`
RGB Percent	73.3, 27.1, 83.1	`rgb(73.3%,27.1%,83.1%)`
CMYK	12, 67, 0, 17
HSL	289.5°, 62.4, 55.1	`hsl(289.5,62.4%,55.1%)`
HSV (or HSB)	289.5°, 67.5, 83.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.355, 66.36, -51.619
XYZ	34.504, 19.576, 64.245
xyY	0.292, 0.165, 19.576
CIE-LCH	51.355, 84.073, 322.122
CIE-LUV	51.355, 44.815, -86.85
Hunter-Lab	44.245, 61.773, -55.119
Binary	10111011, 01000101, 11010100

#bb45d4
```
#bb45d4 rgb(187,69,212)
```
#5ed445
```
#5ed445 rgb(94,212,69)
```

Complementary Color

#7445d4
```
#7445d4 rgb(116,69,212)
```
#bb45d4
```
#bb45d4 rgb(187,69,212)
```
#d445a6
```
#d445a6 rgb(212,69,166)
```

Analogous Color

#45d474
```
#45d474 rgb(69,212,116)
```
#bb45d4
```
#bb45d4 rgb(187,69,212)
```
#a6d445
```
#a6d445 rgb(166,212,69)
```

Split Complementary Color

#45d4bb
```
#45d4bb rgb(69,212,187)
```
#bb45d4
```
#bb45d4 rgb(187,69,212)
```
#d4bb45
```
#d4bb45 rgb(212,187,69)
```

Triadic Color

#455ed4
```
#455ed4 rgb(69,94,212)
```
#bb45d4
```
#bb45d4 rgb(187,69,212)
```
#d4bb45
```
#d4bb45 rgb(212,187,69)
```
#5ed445
```
#5ed445 rgb(94,212,69)
```

Tetradic Color

#9026a6
```
#9026a6 rgb(144,38,166)
```
#a22bbb
```
#a22bbb rgb(162,43,187)
```
#b330cf
```
#b330cf rgb(179,48,207)
```
#bb45d4
```
#bb45d4 rgb(187,69,212)
```
#c35ad9
```
#c35ad9 rgb(195,90,217)
```
#ca6ede
```
#ca6ede rgb(202,110,222)
```
#d283e2
```
#d283e2 rgb(210,131,226)
```

Monochromatic Color

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

#9745d4
```
#9745d4 rgb(151,69,212)
```
#a345d4
```
#a345d4 rgb(163,69,212)
```
#af45d4
```
#af45d4 rgb(175,69,212)
```
#bb45d4
```
#bb45d4 rgb(187,69,212)
```
#c745d4
```
#c745d4 rgb(199,69,212)
```
#d345d4
```
#d345d4 rgb(211,69,212)
```
#d445c9
```
#d445c9 rgb(212,69,201)
```

Similar Colors

Text with hexadecimal color #bb45d4

This text has a font color of #bb45d4.

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

#bb45d4 background color

This paragraph has a background color of #bb45d4.

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

#bb45d4 border color

This element has a border color of #bb45d4.

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

CSS codes

.text {color:#bb45d4;}

.background {background-color:#bb45d4;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#120515
```
#120515 rgb(18,5,21)
```
#200925
```
#200925 rgb(32,9,37)
```
#2e0c35
```
#2e0c35 rgb(46,12,53)
```
#3c1045
```
#3c1045 rgb(60,16,69)
```
#491455
```
#491455 rgb(73,20,85)
```
#571765
```
#571765 rgb(87,23,101)
```
#651b75
```
#651b75 rgb(101,27,117)
```
#731f85
```
#731f85 rgb(115,31,133)
```
#812295
```
#812295 rgb(129,34,149)
```
#8e26a5
```
#8e26a5 rgb(142,38,165)
```
#9c2ab4
```
#9c2ab4 rgb(156,42,180)
```
#aa2dc4
```
#aa2dc4 rgb(170,45,196)
```

Shade Color Variation

#b535d0
```
#b535d0 rgb(181,53,208)
```
#bb45d4
```
#bb45d4 rgb(187,69,212)
```
#c155d8
```
#c155d8 rgb(193,85,216)
```
#c765db
```
#c765db rgb(199,101,219)
```
#cc75df
```
#cc75df rgb(204,117,223)
```
#d285e3
```
#d285e3 rgb(210,133,227)
```
#d895e6
```
#d895e6 rgb(216,149,230)
```
#dea5ea
```
#dea5ea rgb(222,165,234)
```
#e4b5ee
```
#e4b5ee rgb(228,181,238)
```
#eac4f1
```
#eac4f1 rgb(234,196,241)
```
#efd4f5
```
#efd4f5 rgb(239,212,245)
```
#f5e4f9
```
#f5e4f9 rgb(245,228,249)
```
#fbf4fd
```
#fbf4fd rgb(251,244,253)
```

Tint Color Variation

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

#8d8b8e
```
#8d8b8e rgb(141,139,142)
```
#938396
```
#938396 rgb(147,131,150)
```
#997a9f
```
#997a9f rgb(153,122,159)
```
#9e71a8
```
#9e71a8 rgb(158,113,168)
```
#a468b1
```
#a468b1 rgb(164,104,177)
```
#aa5fba
```
#aa5fba rgb(170,95,186)
```
#b057c2
```
#b057c2 rgb(176,87,194)
```
#b54ecb
```
#b54ecb rgb(181,78,203)
```
#bb45d4
```
#bb45d4 rgb(187,69,212)
```
#c13cdd
```
#c13cdd rgb(193,60,221)
```
#c633e6
```
#c633e6 rgb(198,51,230)
```
#cc2bee
```
#cc2bee rgb(204,43,238)
```
#d222f7
```
#d222f7 rgb(210,34,247)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#866f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#5381c7 Deuteranopia 1% of men
#af6f76 Tritanopia 0.001% of the population

Trichromacy

#4468e9 Protanomaly 1% of men, 0.01% of women
#796bcb Deuteranomaly 6% of men, 0.4% of women
#b35f98 Tritanomaly 0.01% of the population

#bb45d4 hex color

#bb45d4 Color Information

#bb45d4 Color Conversion

Color Schemes with #bb45d4

Alternatives to #bb45d4

#bb45d4 Preview

Shades and Tints of #bb45d4

Tones of #bb45d4

Color Blindness Simulator