#bb6ad4 hex color

In a RGB color space, hex #bb6ad4 is composed of 73.3% red, 41.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 50% magenta, 0% yellow and 16.9% black. It has a hue angle of 285.8 degrees, a saturation of 55.2% and a lightness of 62.4%. #bb6ad4 color hex could be obtained by blending #ffd4ff with #7700a9. Closest websafe color is: #cc66cc.

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

● #bb6ad4 color description : Moderate magenta.

The hexadecimal color #bb6ad4 has RGB values of R:187, G:106, B:212 and CMYK values of C:0.12, M:0.5, Y:0, K:0.17. Its decimal value is 12282580.

Hex triplet	bb6ad4	`#bb6ad4`
RGB Decimal	187, 106, 212	`rgb(187,106,212)`
RGB Percent	73.3, 41.6, 83.1	`rgb(73.3%,41.6%,83.1%)`
CMYK	12, 50, 0, 17
HSL	285.8°, 55.2, 62.4	`hsl(285.8,55.2%,62.4%)`
HSV (or HSB)	285.8°, 50, 83.1
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	57.682, 49.223, -41.583
XYZ	37.53, 25.628, 65.253
xyY	0.292, 0.2, 25.628
CIE-LCH	57.682, 64.436, 319.809
CIE-LUV	57.682, 33.885, -71.192
Hunter-Lab	50.624, 43.739, -40.988
Binary	10111011, 01101010, 11010100

#bb6ad4
```
#bb6ad4 rgb(187,106,212)
```
#83d46a
```
#83d46a rgb(131,212,106)
```

Complementary Color

#866ad4
```
#866ad4 rgb(134,106,212)
```
#bb6ad4
```
#bb6ad4 rgb(187,106,212)
```
#d46ab8
```
#d46ab8 rgb(212,106,184)
```

Analogous Color

#6ad486
```
#6ad486 rgb(106,212,134)
```
#bb6ad4
```
#bb6ad4 rgb(187,106,212)
```
#b8d46a
```
#b8d46a rgb(184,212,106)
```

Split Complementary Color

#6ad4bb
```
#6ad4bb rgb(106,212,187)
```
#bb6ad4
```
#bb6ad4 rgb(187,106,212)
```
#d4bb6a
```
#d4bb6a rgb(212,187,106)
```

Triadic Color

#6a83d4
```
#6a83d4 rgb(106,131,212)
```
#bb6ad4
```
#bb6ad4 rgb(187,106,212)
```
#d4bb6a
```
#d4bb6a rgb(212,187,106)
```
#83d46a
```
#83d46a rgb(131,212,106)
```

Tetradic Color

#9c36bb
```
#9c36bb rgb(156,54,187)
```
#a942c9
```
#a942c9 rgb(169,66,201)
```
#b256ce
```
#b256ce rgb(178,86,206)
```
#bb6ad4
```
#bb6ad4 rgb(187,106,212)
```
#c47eda
```
#c47eda rgb(196,126,218)
```
#cd92df
```
#cd92df rgb(205,146,223)
```
#d6a5e5
```
#d6a5e5 rgb(214,165,229)
```

Monochromatic Color

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

#a16ad4
```
#a16ad4 rgb(161,106,212)
```
#a96ad4
```
#a96ad4 rgb(169,106,212)
```
#b26ad4
```
#b26ad4 rgb(178,106,212)
```
#bb6ad4
```
#bb6ad4 rgb(187,106,212)
```
#c46ad4
```
#c46ad4 rgb(196,106,212)
```
#cd6ad4
```
#cd6ad4 rgb(205,106,212)
```
#d46ad3
```
#d46ad3 rgb(212,106,211)
```

Similar Colors

Text with hexadecimal color #bb6ad4

This text has a font color of #bb6ad4.

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

#bb6ad4 background color

This paragraph has a background color of #bb6ad4.

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

#bb6ad4 border color

This element has a border color of #bb6ad4.

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

CSS codes

.text {color:#bb6ad4;}

.background {background-color:#bb6ad4;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#0f0512
```
#0f0512 rgb(15,5,18)
```
#1c0a22
```
#1c0a22 rgb(28,10,34)
```
#290e31
```
#290e31 rgb(41,14,49)
```
#351340
```
#351340 rgb(53,19,64)
```
#42174f
```
#42174f rgb(66,23,79)
```
#4f1b5f
```
#4f1b5f rgb(79,27,95)
```
#5b206e
```
#5b206e rgb(91,32,110)
```
#68247d
```
#68247d rgb(104,36,125)
```
#75288c
```
#75288c rgb(117,40,140)
```
#812d9b
```
#812d9b rgb(129,45,155)
```
#8e31ab
```
#8e31ab rgb(142,49,171)
```
#9b36ba
```
#9b36ba rgb(155,54,186)
```

Shade Color Variation

#a63cc7
```
#a63cc7 rgb(166,60,199)
```
#ad4ccb
```
#ad4ccb rgb(173,76,203)
```
#b45bd0
```
#b45bd0 rgb(180,91,208)
```
#bb6ad4
```
#bb6ad4 rgb(187,106,212)
```
#c279d8
```
#c279d8 rgb(194,121,216)
```
#c988dd
```
#c988dd rgb(201,136,221)
```
#d098e1
```
#d098e1 rgb(208,152,225)
```
#d7a7e6
```
#d7a7e6 rgb(215,167,230)
```
#deb6ea
```
#deb6ea rgb(222,182,234)
```
#e5c5ee
```
#e5c5ee rgb(229,197,238)
```
#ecd5f3
```
#ecd5f3 rgb(236,213,243)
```
#f3e4f7
```
#f3e4f7 rgb(243,228,247)
```
#faf3fc
```
#faf3fc rgb(250,243,252)
```

Tint Color Variation

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

#a09ea0
```
#a09ea0 rgb(160,158,160)
```
#a496a8
```
#a496a8 rgb(164,150,168)
```
#a78faf
```
#a78faf rgb(167,143,175)
```
#ab88b6
```
#ab88b6 rgb(171,136,182)
```
#af80be
```
#af80be rgb(175,128,190)
```
#b379c5
```
#b379c5 rgb(179,121,197)
```
#b771cd
```
#b771cd rgb(183,113,205)
```
#bb6ad4
```
#bb6ad4 rgb(187,106,212)
```
#bf63db
```
#bf63db rgb(191,99,219)
```
#c35be3
```
#c35be3 rgb(195,91,227)
```
#c754ea
```
#c754ea rgb(199,84,234)
```
#cb4cf2
```
#cb4cf2 rgb(203,76,242)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#97879c Atypical Achromatopsia 0.001% of the population

Dichromacy

#638deb Protanopia 1% of men
#758fcc Deuteranopia 1% of men
#b2848d Tritanopia 0.001% of the population

Trichromacy

#8380e2 Protanomaly 1% of men, 0.01% of women
#8e82cf Deuteranomaly 6% of men, 0.4% of women
#b57aa7 Tritanomaly 0.01% of the population

#bb6ad4 hex color

#bb6ad4 Color Information

#bb6ad4 Color Conversion

Color Schemes with #bb6ad4

Alternatives to #bb6ad4

#bb6ad4 Preview

Shades and Tints of #bb6ad4

Tones of #bb6ad4

Color Blindness Simulator