#bb6a96 hex color

In a RGB color space, hex #bb6a96 is composed of 73.3% red, 41.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.3% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 327.4 degrees, a saturation of 37.3% and a lightness of 57.5%. #bb6a96 color hex could be obtained by blending #ffd4ff with #77002d. Closest websafe color is: #cc6699.

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

● #bb6a96 color description : Slightly desaturated pink.

The hexadecimal color #bb6a96 has RGB values of R:187, G:106, B:150 and CMYK values of C:0, M:0.43, Y:0.2, K:0.27. Its decimal value is 12282518.

Hex triplet	bb6a96	`#bb6a96`
RGB Decimal	187, 106, 150	`rgb(187,106,150)`
RGB Percent	73.3, 41.6, 58.8	`rgb(73.3%,41.6%,58.8%)`
CMYK	0, 43, 20, 27
HSL	327.4°, 37.3, 57.5	`hsl(327.4,37.3%,57.5%)`
HSV (or HSB)	327.4°, 43.3, 73.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	55.151, 38.051, -9.833
XYZ	31.152, 23.077, 31.666
xyY	0.363, 0.269, 23.077
CIE-LCH	55.151, 39.301, 345.51
CIE-LUV	55.151, 47.317, -20.502
Hunter-Lab	48.038, 31.689, -5.456
Binary	10111011, 01101010, 10010110

#bb6a96
```
#bb6a96 rgb(187,106,150)
```
#6abb8f
```
#6abb8f rgb(106,187,143)
```

Complementary Color

#b86abb
```
#b86abb rgb(184,106,187)
```
#bb6a96
```
#bb6a96 rgb(187,106,150)
```
#bb6a6e
```
#bb6a6e rgb(187,106,110)
```

Analogous Color

#6abbb8
```
#6abbb8 rgb(106,187,184)
```
#bb6a96
```
#bb6a96 rgb(187,106,150)
```
#6ebb6a
```
#6ebb6a rgb(110,187,106)
```

Split Complementary Color

#6a96bb
```
#6a96bb rgb(106,150,187)
```
#bb6a96
```
#bb6a96 rgb(187,106,150)
```
#96bb6a
```
#96bb6a rgb(150,187,106)
```

Triadic Color

#8f6abb
```
#8f6abb rgb(143,106,187)
```
#bb6a96
```
#bb6a96 rgb(187,106,150)
```
#96bb6a
```
#96bb6a rgb(150,187,106)
```
#6abb8f
```
#6abb8f rgb(106,187,143)
```

Tetradic Color

#954470
```
#954470 rgb(149,68,112)
```
#a64c7d
```
#a64c7d rgb(166,76,125)
```
#b3588a
```
#b3588a rgb(179,88,138)
```
#bb6a96
```
#bb6a96 rgb(187,106,150)
```
#c37ca2
```
#c37ca2 rgb(195,124,162)
```
#cb8daf
```
#cb8daf rgb(203,141,175)
```
#d39fbb
```
#d39fbb rgb(211,159,187)
```

Monochromatic Color

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

#bb6aaa
```
#bb6aaa rgb(187,106,170)
```
#bb6aa4
```
#bb6aa4 rgb(187,106,164)
```
#bb6a9d
```
#bb6a9d rgb(187,106,157)
```
#bb6a96
```
#bb6a96 rgb(187,106,150)
```
#bb6a8f
```
#bb6a8f rgb(187,106,143)
```
#bb6a89
```
#bb6a89 rgb(187,106,137)
```
#bb6a82
```
#bb6a82 rgb(187,106,130)
```

Similar Colors

Text with hexadecimal color #bb6a96

This text has a font color of #bb6a96.

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

#bb6a96 background color

This paragraph has a background color of #bb6a96.

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

#bb6a96 border color

This element has a border color of #bb6a96.

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

CSS codes

.text {color:#bb6a96;}

.background {background-color:#bb6a96;}

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

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, #0d0609 is the darkest color, while #fffefe is the lightest one.

#0d0609
```
#0d0609 rgb(13,6,9)
```
#1a0c14
```
#1a0c14 rgb(26,12,20)
```
#28121e
```
#28121e rgb(40,18,30)
```
#351828
```
#351828 rgb(53,24,40)
```
#421e32
```
#421e32 rgb(66,30,50)
```
#50243c
```
#50243c rgb(80,36,60)
```
#5d2b46
```
#5d2b46 rgb(93,43,70)
```
#6b3150
```
#6b3150 rgb(107,49,80)
```
#78375a
```
#78375a rgb(120,55,90)
```
#863d65
```
#863d65 rgb(134,61,101)
```
#93436f
```
#93436f rgb(147,67,111)
```
#a14979
```
#a14979 rgb(161,73,121)
```
#ae5083
```
#ae5083 rgb(174,80,131)
```

Shade Color Variation

#b55d8d
```
#b55d8d rgb(181,93,141)
```
#bb6a96
```
#bb6a96 rgb(187,106,150)
```
#c1779f
```
#c1779f rgb(193,119,159)
```
#c785a9
```
#c785a9 rgb(199,133,169)
```
#cd92b2
```
#cd92b2 rgb(205,146,178)
```
#d4a0bc
```
#d4a0bc rgb(212,160,188)
```
#daadc5
```
#daadc5 rgb(218,173,197)
```
#e0bbcf
```
#e0bbcf rgb(224,187,207)
```
#e6c8d8
```
#e6c8d8 rgb(230,200,216)
```
#ecd6e2
```
#ecd6e2 rgb(236,214,226)
```
#f2e3eb
```
#f2e3eb rgb(242,227,235)
```
#f8f1f5
```
#f8f1f5 rgb(248,241,245)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#9a8b93
```
#9a8b93 rgb(154,139,147)
```
#a28394
```
#a28394 rgb(162,131,148)
```
#aa7b95
```
#aa7b95 rgb(170,123,149)
```
#b37295
```
#b37295 rgb(179,114,149)
```
#bb6a96
```
#bb6a96 rgb(187,106,150)
```
#c36297
```
#c36297 rgb(195,98,151)
```
#cc5997
```
#cc5997 rgb(204,89,151)
```
#d45198
```
#d45198 rgb(212,81,152)
```
#dc4999
```
#dc4999 rgb(220,73,153)
```
#e5409a
```
#e5409a rgb(229,64,154)
```
#ed389a
```
#ed389a rgb(237,56,154)
```
#f5309b
```
#f5309b rgb(245,48,155)
```
#fe279c
```
#fe279c rgb(254,39,156)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#91818a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8289a9 Protanopia 1% of men
#918695 Deuteranopia 1% of men
#bb777f Tritanopia 0.001% of the population

Trichromacy

#967da2 Protanomaly 1% of men, 0.01% of women
#a07c95 Deuteranomaly 6% of men, 0.4% of women
#bb7287 Tritanomaly 0.01% of the population

#bb6a96 hex color

#bb6a96 Color Information

#bb6a96 Color Conversion

Color Schemes with #bb6a96

Alternatives to #bb6a96

#bb6a96 Preview

Shades and Tints of #bb6a96

Tones of #bb6a96

Color Blindness Simulator