#bb4cdd hex color

In a RGB color space, hex #bb4cdd is composed of 73.3% red, 29.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 65.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 285.9 degrees, a saturation of 68.1% and a lightness of 58.2%. #bb4cdd color hex could be obtained by blending #ff98ff with #7700bb. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 30
- B 87
RGB color chart
- C 15
- M 66
- Y 0
- K 13
CMYK color chart

● #bb4cdd color description : Soft magenta.

The hexadecimal color #bb4cdd has RGB values of R:187, G:76, B:221 and CMYK values of C:0.15, M:0.66, Y:0, K:0.13. Its decimal value is 12274909.

Hex triplet	bb4cdd	`#bb4cdd`
RGB Decimal	187, 76, 221	`rgb(187,76,221)`
RGB Percent	73.3, 29.8, 86.7	`rgb(73.3%,29.8%,86.7%)`
CMYK	15, 66, 0, 13
HSL	285.9°, 68.1, 58.2	`hsl(285.9,68.1%,58.2%)`
HSV (or HSB)	285.9°, 65.6, 86.7
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.901, 65.204, -54.266
XYZ	36.128, 20.956, 70.544
xyY	0.283, 0.164, 20.956
CIE-LCH	52.901, 84.831, 320.231
CIE-LUV	52.901, 40.749, -91.332
Hunter-Lab	45.777, 60.762, -59.324
Binary	10111011, 01001100, 11011101

#bb4cdd
```
#bb4cdd rgb(187,76,221)
```
#6edd4c
```
#6edd4c rgb(110,221,76)
```

Complementary Color

#734cdd
```
#734cdd rgb(115,76,221)
```
#bb4cdd
```
#bb4cdd rgb(187,76,221)
```
#dd4cb7
```
#dd4cb7 rgb(221,76,183)
```

Analogous Color

#4cdd73
```
#4cdd73 rgb(76,221,115)
```
#bb4cdd
```
#bb4cdd rgb(187,76,221)
```
#b7dd4c
```
#b7dd4c rgb(183,221,76)
```

Split Complementary Color

#4cddbb
```
#4cddbb rgb(76,221,187)
```
#bb4cdd
```
#bb4cdd rgb(187,76,221)
```
#ddbb4c
```
#ddbb4c rgb(221,187,76)
```

Triadic Color

#4c6edd
```
#4c6edd rgb(76,110,221)
```
#bb4cdd
```
#bb4cdd rgb(187,76,221)
```
#ddbb4c
```
#ddbb4c rgb(221,187,76)
```
#6edd4c
```
#6edd4c rgb(110,221,76)
```

Tetradic Color

#9623b9
```
#9623b9 rgb(150,35,185)
```
#a727cf
```
#a727cf rgb(167,39,207)
```
#b337d9
```
#b337d9 rgb(179,55,217)
```
#bb4cdd
```
#bb4cdd rgb(187,76,221)
```
#c361e1
```
#c361e1 rgb(195,97,225)
```
#cb77e5
```
#cb77e5 rgb(203,119,229)
```
#d38ce9
```
#d38ce9 rgb(211,140,233)
```

Monochromatic Color

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

#974cdd
```
#974cdd rgb(151,76,221)
```
#a34cdd
```
#a34cdd rgb(163,76,221)
```
#af4cdd
```
#af4cdd rgb(175,76,221)
```
#bb4cdd
```
#bb4cdd rgb(187,76,221)
```
#c74cdd
```
#c74cdd rgb(199,76,221)
```
#d34cdd
```
#d34cdd rgb(211,76,221)
```
#dd4cdb
```
#dd4cdb rgb(221,76,219)
```

Similar Colors

Text with hexadecimal color #bb4cdd

This text has a font color of #bb4cdd.

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

#bb4cdd background color

This paragraph has a background color of #bb4cdd.

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

#bb4cdd border color

This element has a border color of #bb4cdd.

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

CSS codes

.text {color:#bb4cdd;}

.background {background-color:#bb4cdd;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#0f0413
```
#0f0413 rgb(15,4,19)
```
#1d0723
```
#1d0723 rgb(29,7,35)
```
#2a0a34
```
#2a0a34 rgb(42,10,52)
```
#370d44
```
#370d44 rgb(55,13,68)
```
#451055
```
#451055 rgb(69,16,85)
```
#521365
```
#521365 rgb(82,19,101)
```
#5f1676
```
#5f1676 rgb(95,22,118)
```
#6d1986
```
#6d1986 rgb(109,25,134)
```
#7a1d97
```
#7a1d97 rgb(122,29,151)
```
#8720a7
```
#8720a7 rgb(135,32,167)
```
#9523b8
```
#9523b8 rgb(149,35,184)
```
#a226c8
```
#a226c8 rgb(162,38,200)
```

Shade Color Variation

#ae2bd7
```
#ae2bd7 rgb(174,43,215)
```
#b53cda
```
#b53cda rgb(181,60,218)
```
#bb4cdd
```
#bb4cdd rgb(187,76,221)
```
#c15ce0
```
#c15ce0 rgb(193,92,224)
```
#c86de3
```
#c86de3 rgb(200,109,227)
```
#ce7de6
```
#ce7de6 rgb(206,125,230)
```
#d48eea
```
#d48eea rgb(212,142,234)
```
#da9eed
```
#da9eed rgb(218,158,237)
```
#e1aff0
```
#e1aff0 rgb(225,175,240)
```
#e7bff3
```
#e7bff3 rgb(231,191,243)
```
#edd0f6
```
#edd0f6 rgb(237,208,246)
```
#f3e0f9
```
#f3e0f9 rgb(243,224,249)
```
#faf1fc
```
#faf1fc rgb(250,241,252)
```

Tint Color Variation

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

#988e9b
```
#988e9b rgb(152,142,155)
```
#9d85a4
```
#9d85a4 rgb(157,133,164)
```
#a17dac
```
#a17dac rgb(161,125,172)
```
#a575b4
```
#a575b4 rgb(165,117,180)
```
#aa6dbc
```
#aa6dbc rgb(170,109,188)
```
#ae65c4
```
#ae65c4 rgb(174,101,196)
```
#b25ccd
```
#b25ccd rgb(178,92,205)
```
#b754d5
```
#b754d5 rgb(183,84,213)
```
#bb4cdd
```
#bb4cdd rgb(187,76,221)
```
#bf44e5
```
#bf44e5 rgb(191,68,229)
```
#c43ced
```
#c43ced rgb(196,60,237)
```
#c833f6
```
#c833f6 rgb(200,51,246)
```
#cc2bfe
```
#cc2bfe rgb(204,43,254)
```

Tone Color Variation

Below, you can see how #bb4cdd 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
#8a7491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fc Protanopia 1% of men
#5085d0 Deuteranopia 1% of men
#ae757d Tritanopia 0.001% of the population

Trichromacy

#446df1 Protanomaly 1% of men, 0.01% of women
#7770d4 Deuteranomaly 6% of men, 0.4% of women
#b266a0 Tritanomaly 0.01% of the population

#bb4cdd hex color

#bb4cdd Color Information

#bb4cdd Color Conversion

Color Schemes with #bb4cdd

Alternatives to #bb4cdd

#bb4cdd Preview

Shades and Tints of #bb4cdd

Tones of #bb4cdd

Color Blindness Simulator