#bb6d96 hex color

In a RGB color space, hex #bb6d96 is composed of 73.3% red, 42.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.7% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 328.5 degrees, a saturation of 36.4% and a lightness of 58%. #bb6d96 color hex could be obtained by blending #ffdaff with #77002d. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 43
- B 59
RGB color chart
- C 0
- M 42
- Y 20
- K 27
CMYK color chart

● #bb6d96 color description : Slightly desaturated pink.

The hexadecimal color #bb6d96 has RGB values of R:187, G:109, B:150 and CMYK values of C:0, M:0.42, Y:0.2, K:0.27. Its decimal value is 12283286.

Hex triplet	bb6d96	`#bb6d96`
RGB Decimal	187, 109, 150	`rgb(187,109,150)`
RGB Percent	73.3, 42.7, 58.8	`rgb(73.3%,42.7%,58.8%)`
CMYK	0, 42, 20, 27
HSL	328.5°, 36.4, 58	`hsl(328.5,36.4%,58%)`
HSV (or HSB)	328.5°, 41.7, 73.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	55.792, 36.445, -8.874
XYZ	31.467, 23.706, 31.771
xyY	0.362, 0.273, 23.706
CIE-LCH	55.792, 37.51, 346.315
CIE-LUV	55.792, 45.765, -18.882
Hunter-Lab	48.689, 30.158, -4.607
Binary	10111011, 01101101, 10010110

#bb6d96
```
#bb6d96 rgb(187,109,150)
```
#6dbb92
```
#6dbb92 rgb(109,187,146)
```

Complementary Color

#b96dbb
```
#b96dbb rgb(185,109,187)
```
#bb6d96
```
#bb6d96 rgb(187,109,150)
```
#bb6d6f
```
#bb6d6f rgb(187,109,111)
```

Analogous Color

#6dbbb9
```
#6dbbb9 rgb(109,187,185)
```
#bb6d96
```
#bb6d96 rgb(187,109,150)
```
#6fbb6d
```
#6fbb6d rgb(111,187,109)
```

Split Complementary Color

#6d96bb
```
#6d96bb rgb(109,150,187)
```
#bb6d96
```
#bb6d96 rgb(187,109,150)
```
#96bb6d
```
#96bb6d rgb(150,187,109)
```

Triadic Color

#926dbb
```
#926dbb rgb(146,109,187)
```
#bb6d96
```
#bb6d96 rgb(187,109,150)
```
#96bb6d
```
#96bb6d rgb(150,187,109)
```
#6dbb92
```
#6dbb92 rgb(109,187,146)
```

Tetradic Color

#964670
```
#964670 rgb(150,70,112)
```
#a74e7d
```
#a74e7d rgb(167,78,125)
```
#b35c89
```
#b35c89 rgb(179,92,137)
```
#bb6d96
```
#bb6d96 rgb(187,109,150)
```
#c37ea3
```
#c37ea3 rgb(195,126,163)
```
#cb90af
```
#cb90af rgb(203,144,175)
```
#d3a1bc
```
#d3a1bc rgb(211,161,188)
```

Monochromatic Color

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

#bb6daa
```
#bb6daa rgb(187,109,170)
```
#bb6da3
```
#bb6da3 rgb(187,109,163)
```
#bb6d9d
```
#bb6d9d rgb(187,109,157)
```
#bb6d96
```
#bb6d96 rgb(187,109,150)
```
#bb6d90
```
#bb6d90 rgb(187,109,144)
```
#bb6d89
```
#bb6d89 rgb(187,109,137)
```
#bb6d83
```
#bb6d83 rgb(187,109,131)
```

Similar Colors

Text with hexadecimal color #bb6d96

This text has a font color of #bb6d96.

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

#bb6d96 background color

This paragraph has a background color of #bb6d96.

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

#bb6d96 border color

This element has a border color of #bb6d96.

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

CSS codes

.text {color:#bb6d96;}

.background {background-color:#bb6d96;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0f070b
```
#0f070b rgb(15,7,11)
```
#1c0d15
```
#1c0d15 rgb(28,13,21)
```
#29131f
```
#29131f rgb(41,19,31)
```
#371929
```
#371929 rgb(55,25,41)
```
#442033
```
#442033 rgb(68,32,51)
```
#52263d
```
#52263d rgb(82,38,61)
```
#5f2c47
```
#5f2c47 rgb(95,44,71)
```
#6c3251
```
#6c3251 rgb(108,50,81)
```
#7a395b
```
#7a395b rgb(122,57,91)
```
#873f65
```
#873f65 rgb(135,63,101)
```
#94456f
```
#94456f rgb(148,69,111)
```
#a24b79
```
#a24b79 rgb(162,75,121)
```

Shade Color Variation

#af5283
```
#af5283 rgb(175,82,131)
```
#b5608c
```
#b5608c rgb(181,96,140)
```
#bb6d96
```
#bb6d96 rgb(187,109,150)
```
#c17aa0
```
#c17aa0 rgb(193,122,160)
```
#c788a9
```
#c788a9 rgb(199,136,169)
```
#ce95b3
```
#ce95b3 rgb(206,149,179)
```
#d4a3bc
```
#d4a3bc rgb(212,163,188)
```
#dab0c6
```
#dab0c6 rgb(218,176,198)
```
#e0bdd0
```
#e0bdd0 rgb(224,189,208)
```
#e7cbd9
```
#e7cbd9 rgb(231,203,217)
```
#edd8e3
```
#edd8e3 rgb(237,216,227)
```
#f3e5ed
```
#f3e5ed rgb(243,229,237)
```
#f9f3f6
```
#f9f3f6 rgb(249,243,246)
```

Tint Color Variation

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

#9a8e94
```
#9a8e94 rgb(154,142,148)
```
#a28695
```
#a28695 rgb(162,134,149)
```
#ab7d95
```
#ab7d95 rgb(171,125,149)
```
#b37596
```
#b37596 rgb(179,117,150)
```
#bb6d96
```
#bb6d96 rgb(187,109,150)
```
#c36596
```
#c36596 rgb(195,101,150)
```
#cb5d97
```
#cb5d97 rgb(203,93,151)
```
#d45497
```
#d45497 rgb(212,84,151)
```
#dc4c98
```
#dc4c98 rgb(220,76,152)
```
#e44498
```
#e44498 rgb(228,68,152)
```
#ec3c99
```
#ec3c99 rgb(236,60,153)
```
#f53399
```
#f53399 rgb(245,51,153)
```
#fd2b99
```
#fd2b99 rgb(253,43,153)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#93838c Atypical Achromatopsia 0.001% of the population

Dichromacy

#848aa8 Protanopia 1% of men
#948895 Deuteranopia 1% of men
#bb7981 Tritanopia 0.001% of the population

Trichromacy

#987fa1 Protanomaly 1% of men, 0.01% of women
#a27e95 Deuteranomaly 6% of men, 0.4% of women
#bb7589 Tritanomaly 0.01% of the population

#bb6d96 hex color

#bb6d96 Color Information

#bb6d96 Color Conversion

Color Schemes with #bb6d96

Alternatives to #bb6d96

#bb6d96 Preview

Shades and Tints of #bb6d96

Tones of #bb6d96

Color Blindness Simulator