#bb6ddc hex color

In a RGB color space, hex #bb6ddc is composed of 73.3% red, 42.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 50.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 282.2 degrees, a saturation of 61.3% and a lightness of 64.5%. #bb6ddc color hex could be obtained by blending #ffdaff with #7700b9. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 43
- B 86
RGB color chart
- C 15
- M 50
- Y 0
- K 14
CMYK color chart

● #bb6ddc color description : Soft violet.

The hexadecimal color #bb6ddc has RGB values of R:187, G:109, B:220 and CMYK values of C:0.15, M:0.5, Y:0, K:0.14. Its decimal value is 12283356.

Hex triplet	bb6ddc	`#bb6ddc`
RGB Decimal	187, 109, 220	`rgb(187,109,220)`
RGB Percent	73.3, 42.7, 86.3	`rgb(73.3%,42.7%,86.3%)`
CMYK	15, 50, 0, 14
HSL	282.2°, 61.3, 64.5	`hsl(282.2,61.3%,64.5%)`
HSV (or HSB)	282.2°, 50.5, 86.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	58.668, 49.315, -44.536
XYZ	38.879, 26.67, 70.806
xyY	0.285, 0.196, 26.67
CIE-LCH	58.668, 66.449, 317.915
CIE-LUV	58.668, 31.206, -76.132
Hunter-Lab	51.643, 44.004, -45.139
Binary	10111011, 01101101, 11011100

#bb6ddc
```
#bb6ddc rgb(187,109,220)
```
#8edc6d
```
#8edc6d rgb(142,220,109)
```

Complementary Color

#846ddc
```
#846ddc rgb(132,109,220)
```
#bb6ddc
```
#bb6ddc rgb(187,109,220)
```
#dc6dc6
```
#dc6dc6 rgb(220,109,198)
```

Analogous Color

#6ddc84
```
#6ddc84 rgb(109,220,132)
```
#bb6ddc
```
#bb6ddc rgb(187,109,220)
```
#c6dc6d
```
#c6dc6d rgb(198,220,109)
```

Split Complementary Color

#6ddcbb
```
#6ddcbb rgb(109,220,187)
```
#bb6ddc
```
#bb6ddc rgb(187,109,220)
```
#dcbb6d
```
#dcbb6d rgb(220,187,109)
```

Triadic Color

#6d8edc
```
#6d8edc rgb(109,142,220)
```
#bb6ddc
```
#bb6ddc rgb(187,109,220)
```
#dcbb6d
```
#dcbb6d rgb(220,187,109)
```
#8edc6d
```
#8edc6d rgb(142,220,109)
```

Tetradic Color

#9e31cc
```
#9e31cc rgb(158,49,204)
```
#a844d2
```
#a844d2 rgb(168,68,210)
```
#b158d7
```
#b158d7 rgb(177,88,215)
```
#bb6ddc
```
#bb6ddc rgb(187,109,220)
```
#c582e1
```
#c582e1 rgb(197,130,225)
```
#ce96e6
```
#ce96e6 rgb(206,150,230)
```
#d8abeb
```
#d8abeb rgb(216,171,235)
```

Monochromatic Color

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

#9f6ddc
```
#9f6ddc rgb(159,109,220)
```
#a96ddc
```
#a96ddc rgb(169,109,220)
```
#b26ddc
```
#b26ddc rgb(178,109,220)
```
#bb6ddc
```
#bb6ddc rgb(187,109,220)
```
#c46ddc
```
#c46ddc rgb(196,109,220)
```
#ce6ddc
```
#ce6ddc rgb(206,109,220)
```
#d76ddc
```
#d76ddc rgb(215,109,220)
```

Similar Colors

Text with hexadecimal color #bb6ddc

This text has a font color of #bb6ddc.

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

#bb6ddc background color

This paragraph has a background color of #bb6ddc.

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

#bb6ddc border color

This element has a border color of #bb6ddc.

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

CSS codes

.text {color:#bb6ddc;}

.background {background-color:#bb6ddc;}

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

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, #09030c is the darkest color, while #fdfbfe is the lightest one.

#09030c
```
#09030c rgb(9,3,12)
```
#16071c
```
#16071c rgb(22,7,28)
```
#220b2c
```
#220b2c rgb(34,11,44)
```
#2e0e3c
```
#2e0e3c rgb(46,14,60)
```
#3a124c
```
#3a124c rgb(58,18,76)
```
#47165b
```
#47165b rgb(71,22,91)
```
#531a6b
```
#531a6b rgb(83,26,107)
```
#5f1d7b
```
#5f1d7b rgb(95,29,123)
```
#6b218b
```
#6b218b rgb(107,33,139)
```
#78259b
```
#78259b rgb(120,37,155)
```
#8429aa
```
#8429aa rgb(132,41,170)
```
#902dba
```
#902dba rgb(144,45,186)
```
#9c30ca
```
#9c30ca rgb(156,48,202)
```

Shade Color Variation

#a53ed1
```
#a53ed1 rgb(165,62,209)
```
#ac4dd4
```
#ac4dd4 rgb(172,77,212)
```
#b45dd8
```
#b45dd8 rgb(180,93,216)
```
#bb6ddc
```
#bb6ddc rgb(187,109,220)
```
#c27de0
```
#c27de0 rgb(194,125,224)
```
#ca8de4
```
#ca8de4 rgb(202,141,228)
```
#d19ce7
```
#d19ce7 rgb(209,156,231)
```
#d8aceb
```
#d8aceb rgb(216,172,235)
```
#e0bcef
```
#e0bcef rgb(224,188,239)
```
#e7ccf3
```
#e7ccf3 rgb(231,204,243)
```
#efdcf7
```
#efdcf7 rgb(239,220,247)
```
#f6ecfa
```
#f6ecfa rgb(246,236,250)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#a79eab
```
#a79eab rgb(167,158,171)
```
#aa97b2
```
#aa97b2 rgb(170,151,178)
```
#ad90b9
```
#ad90b9 rgb(173,144,185)
```
#b089c0
```
#b089c0 rgb(176,137,192)
```
#b382c7
```
#b382c7 rgb(179,130,199)
```
#b57bce
```
#b57bce rgb(181,123,206)
```
#b874d5
```
#b874d5 rgb(184,116,213)
```
#bb6ddc
```
#bb6ddc rgb(187,109,220)
```
#be66e3
```
#be66e3 rgb(190,102,227)
```
#c15fea
```
#c15fea rgb(193,95,234)
```
#c358f1
```
#c358f1 rgb(195,88,241)
```
#c651f8
```
#c651f8 rgb(198,81,248)
```
#c94aff
```
#c94aff rgb(201,74,255)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#998aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#628ff3 Protanopia 1% of men
#7292d4 Deuteranopia 1% of men
#b18891 Tritanopia 0.001% of the population

Trichromacy

#8283ea Protanomaly 1% of men, 0.01% of women
#8d84d6 Deuteranomaly 6% of men, 0.4% of women
#b47eac Tritanomaly 0.01% of the population

#bb6ddc hex color

#bb6ddc Color Information

#bb6ddc Color Conversion

Color Schemes with #bb6ddc

Alternatives to #bb6ddc

#bb6ddc Preview

Shades and Tints of #bb6ddc

Tones of #bb6ddc

Color Blindness Simulator