#bb6bdd hex color

In a RGB color space, hex #bb6bdd is composed of 73.3% red, 42% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 51.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 282.1 degrees, a saturation of 62.6% and a lightness of 64.3%. #bb6bdd color hex could be obtained by blending #ffd6ff with #7700bb. Closest websafe color is: #cc66cc.

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

● #bb6bdd color description : Soft violet.

The hexadecimal color #bb6bdd has RGB values of R:187, G:107, B:221 and CMYK values of C:0.15, M:0.52, Y:0, K:0.13. Its decimal value is 12282845.

Hex triplet	bb6bdd	`#bb6bdd`
RGB Decimal	187, 107, 221	`rgb(187,107,221)`
RGB Percent	73.3, 42, 86.7	`rgb(73.3%,42%,86.7%)`
CMYK	15, 52, 0, 13
HSL	282.1°, 62.6, 64.3	`hsl(282.1,62.6%,64.3%)`
HSV (or HSB)	282.1°, 51.6, 86.7
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	58.322, 50.556, -45.644
XYZ	38.801, 26.302, 71.435
xyY	0.284, 0.193, 26.302
CIE-LCH	58.322, 68.112, 317.923
CIE-LUV	58.322, 31.697, -77.963
Hunter-Lab	51.285, 45.298, -46.686
Binary	10111011, 01101011, 11011101

#bb6bdd
```
#bb6bdd rgb(187,107,221)
```
#8ddd6b
```
#8ddd6b rgb(141,221,107)
```

Complementary Color

#826bdd
```
#826bdd rgb(130,107,221)
```
#bb6bdd
```
#bb6bdd rgb(187,107,221)
```
#dd6bc6
```
#dd6bc6 rgb(221,107,198)
```

Analogous Color

#6bdd82
```
#6bdd82 rgb(107,221,130)
```
#bb6bdd
```
#bb6bdd rgb(187,107,221)
```
#c6dd6b
```
#c6dd6b rgb(198,221,107)
```

Split Complementary Color

#6bddbb
```
#6bddbb rgb(107,221,187)
```
#bb6bdd
```
#bb6bdd rgb(187,107,221)
```
#ddbb6b
```
#ddbb6b rgb(221,187,107)
```

Triadic Color

#6b8ddd
```
#6b8ddd rgb(107,141,221)
```
#bb6bdd
```
#bb6bdd rgb(187,107,221)
```
#ddbb6b
```
#ddbb6b rgb(221,187,107)
```
#8ddd6b
```
#8ddd6b rgb(141,221,107)
```

Tetradic Color

#9e2fcd
```
#9e2fcd rgb(158,47,205)
```
#a842d3
```
#a842d3 rgb(168,66,211)
```
#b156d8
```
#b156d8 rgb(177,86,216)
```
#bb6bdd
```
#bb6bdd rgb(187,107,221)
```
#c580e2
```
#c580e2 rgb(197,128,226)
```
#ce94e7
```
#ce94e7 rgb(206,148,231)
```
#d8a9eb
```
#d8a9eb rgb(216,169,235)
```

Monochromatic Color

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

#9f6bdd
```
#9f6bdd rgb(159,107,221)
```
#a86bdd
```
#a86bdd rgb(168,107,221)
```
#b26bdd
```
#b26bdd rgb(178,107,221)
```
#bb6bdd
```
#bb6bdd rgb(187,107,221)
```
#c56bdd
```
#c56bdd rgb(197,107,221)
```
#ce6bdd
```
#ce6bdd rgb(206,107,221)
```
#d86bdd
```
#d86bdd rgb(216,107,221)
```

Similar Colors

Text with hexadecimal color #bb6bdd

This text has a font color of #bb6bdd.

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

#bb6bdd background color

This paragraph has a background color of #bb6bdd.

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

#bb6bdd border color

This element has a border color of #bb6bdd.

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

CSS codes

.text {color:#bb6bdd;}

.background {background-color:#bb6bdd;}

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

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)
```
#15061b
```
#15061b rgb(21,6,27)
```
#210a2b
```
#210a2b rgb(33,10,43)
```
#2e0e3b
```
#2e0e3b rgb(46,14,59)
```
#3a114b
```
#3a114b rgb(58,17,75)
```
#46155b
```
#46155b rgb(70,21,91)
```
#53196b
```
#53196b rgb(83,25,107)
```
#5f1c7b
```
#5f1c7b rgb(95,28,123)
```
#6b208b
```
#6b208b rgb(107,32,139)
```
#77249b
```
#77249b rgb(119,36,155)
```
#8427ab
```
#8427ab rgb(132,39,171)
```
#902bbb
```
#902bbb rgb(144,43,187)
```
#9c2fcb
```
#9c2fcb rgb(156,47,203)
```

Shade Color Variation

#a53bd2
```
#a53bd2 rgb(165,59,210)
```
#ac4bd6
```
#ac4bd6 rgb(172,75,214)
```
#b45bd9
```
#b45bd9 rgb(180,91,217)
```
#bb6bdd
```
#bb6bdd rgb(187,107,221)
```
#c27be1
```
#c27be1 rgb(194,123,225)
```
#ca8be4
```
#ca8be4 rgb(202,139,228)
```
#d19be8
```
#d19be8 rgb(209,155,232)
```
#d8abec
```
#d8abec rgb(216,171,236)
```
#e0bbef
```
#e0bbef rgb(224,187,239)
```
#e7cbf3
```
#e7cbf3 rgb(231,203,243)
```
#eedbf7
```
#eedbf7 rgb(238,219,247)
```
#f6ebfa
```
#f6ebfa rgb(246,235,250)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#a4a3a5
```
#a4a3a5 rgb(164,163,165)
```
#a79cac
```
#a79cac rgb(167,156,172)
```
#aa95b3
```
#aa95b3 rgb(170,149,179)
```
#ad8eba
```
#ad8eba rgb(173,142,186)
```
#b087c1
```
#b087c1 rgb(176,135,193)
```
#b380c8
```
#b380c8 rgb(179,128,200)
```
#b579cf
```
#b579cf rgb(181,121,207)
```
#b872d6
```
#b872d6 rgb(184,114,214)
```
#bb6bdd
```
#bb6bdd rgb(187,107,221)
```
#be64e4
```
#be64e4 rgb(190,100,228)
```
#c15deb
```
#c15deb rgb(193,93,235)
```
#c356f2
```
#c356f2 rgb(195,86,242)
```
#c64ff9
```
#c64ff9 rgb(198,79,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#99899f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e8ef4 Protanopia 1% of men
#7091d4 Deuteranopia 1% of men
#b08790 Tritanopia 0.001% of the population

Trichromacy

#7f81ec Protanomaly 1% of men, 0.01% of women
#8b83d7 Deuteranomaly 6% of men, 0.4% of women
#b47dac Tritanomaly 0.01% of the population

#bb6bdd hex color

#bb6bdd Color Information

#bb6bdd Color Conversion

Color Schemes with #bb6bdd

Alternatives to #bb6bdd

#bb6bdd Preview

Shades and Tints of #bb6bdd

Tones of #bb6bdd

Color Blindness Simulator