#bb6f96 hex color

In a RGB color space, hex #bb6f96 is composed of 73.3% red, 43.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.6% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 329.2 degrees, a saturation of 35.8% and a lightness of 58.4%. #bb6f96 color hex could be obtained by blending #ffdeff with #77002d. Closest websafe color is: #cc6699.

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

● #bb6f96 color description : Slightly desaturated pink.

The hexadecimal color #bb6f96 has RGB values of R:187, G:111, B:150 and CMYK values of C:0, M:0.41, Y:0.2, K:0.27. Its decimal value is 12283798.

Hex triplet	bb6f96	`#bb6f96`
RGB Decimal	187, 111, 150	`rgb(187,111,150)`
RGB Percent	73.3, 43.5, 58.8	`rgb(73.3%,43.5%,58.8%)`
CMYK	0, 41, 20, 27
HSL	329.2°, 35.8, 58.4	`hsl(329.2,35.8%,58.4%)`
HSV (or HSB)	329.2°, 40.6, 73.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	56.225, 35.367, -8.228
XYZ	31.683, 24.137, 31.843
xyY	0.361, 0.275, 24.137
CIE-LCH	56.225, 36.312, 346.904
CIE-LUV	56.225, 44.718, -17.788
Hunter-Lab	49.13, 29.134, -4.037
Binary	10111011, 01101111, 10010110

#bb6f96
```
#bb6f96 rgb(187,111,150)
```
#6fbb94
```
#6fbb94 rgb(111,187,148)
```

Complementary Color

#ba6fbb
```
#ba6fbb rgb(186,111,187)
```
#bb6f96
```
#bb6f96 rgb(187,111,150)
```
#bb6f70
```
#bb6f70 rgb(187,111,112)
```

Analogous Color

#6fbbba
```
#6fbbba rgb(111,187,186)
```
#bb6f96
```
#bb6f96 rgb(187,111,150)
```
#70bb6f
```
#70bb6f rgb(112,187,111)
```

Split Complementary Color

#6f96bb
```
#6f96bb rgb(111,150,187)
```
#bb6f96
```
#bb6f96 rgb(187,111,150)
```
#96bb6f
```
#96bb6f rgb(150,187,111)
```

Triadic Color

#946fbb
```
#946fbb rgb(148,111,187)
```
#bb6f96
```
#bb6f96 rgb(187,111,150)
```
#96bb6f
```
#96bb6f rgb(150,187,111)
```
#6fbb94
```
#6fbb94 rgb(111,187,148)
```

Tetradic Color

#964770
```
#964770 rgb(150,71,112)
```
#a84f7d
```
#a84f7d rgb(168,79,125)
```
#b35e89
```
#b35e89 rgb(179,94,137)
```
#bb6f96
```
#bb6f96 rgb(187,111,150)
```
#c380a3
```
#c380a3 rgb(195,128,163)
```
#cb92af
```
#cb92af rgb(203,146,175)
```
#d4a3bc
```
#d4a3bc rgb(212,163,188)
```

Monochromatic Color

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

#bb6fa9
```
#bb6fa9 rgb(187,111,169)
```
#bb6fa3
```
#bb6fa3 rgb(187,111,163)
```
#bb6f9c
```
#bb6f9c rgb(187,111,156)
```
#bb6f96
```
#bb6f96 rgb(187,111,150)
```
#bb6f90
```
#bb6f90 rgb(187,111,144)
```
#bb6f89
```
#bb6f89 rgb(187,111,137)
```
#bb6f83
```
#bb6f83 rgb(187,111,131)
```

Similar Colors

Text with hexadecimal color #bb6f96

This text has a font color of #bb6f96.

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

#bb6f96 background color

This paragraph has a background color of #bb6f96.

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

#bb6f96 border color

This element has a border color of #bb6f96.

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

CSS codes

.text {color:#bb6f96;}

.background {background-color:#bb6f96;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#10080c
```
#10080c rgb(16,8,12)
```
#1d0e16
```
#1d0e16 rgb(29,14,22)
```
#2b1420
```
#2b1420 rgb(43,20,32)
```
#381a2a
```
#381a2a rgb(56,26,42)
```
#452133
```
#452133 rgb(69,33,51)
```
#53273d
```
#53273d rgb(83,39,61)
```
#602d47
```
#602d47 rgb(96,45,71)
```
#6d3451
```
#6d3451 rgb(109,52,81)
```
#7a3a5b
```
#7a3a5b rgb(122,58,91)
```
#884065
```
#884065 rgb(136,64,101)
```
#95466f
```
#95466f rgb(149,70,111)
```
#a24d79
```
#a24d79 rgb(162,77,121)
```

Shade Color Variation

#ae5483
```
#ae5483 rgb(174,84,131)
```
#b5628c
```
#b5628c rgb(181,98,140)
```
#bb6f96
```
#bb6f96 rgb(187,111,150)
```
#c17ca0
```
#c17ca0 rgb(193,124,160)
```
#c88aa9
```
#c88aa9 rgb(200,138,169)
```
#ce97b3
```
#ce97b3 rgb(206,151,179)
```
#d4a4bd
```
#d4a4bd rgb(212,164,189)
```
#dab2c7
```
#dab2c7 rgb(218,178,199)
```
#e1bfd0
```
#e1bfd0 rgb(225,191,208)
```
#e7ccda
```
#e7ccda rgb(231,204,218)
```
#eddae4
```
#eddae4 rgb(237,218,228)
```
#f4e7ed
```
#f4e7ed rgb(244,231,237)
```
#faf4f7
```
#faf4f7 rgb(250,244,247)
```

Tint Color Variation

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

#9a9095
```
#9a9095 rgb(154,144,149)
```
#a38795
```
#a38795 rgb(163,135,149)
```
#ab7f96
```
#ab7f96 rgb(171,127,150)
```
#b37796
```
#b37796 rgb(179,119,150)
```
#bb6f96
```
#bb6f96 rgb(187,111,150)
```
#c36796
```
#c36796 rgb(195,103,150)
```
#cb5f96
```
#cb5f96 rgb(203,95,150)
```
#d35797
```
#d35797 rgb(211,87,151)
```
#dc4e97
```
#dc4e97 rgb(220,78,151)
```
#e44697
```
#e44697 rgb(228,70,151)
```
#ec3e97
```
#ec3e97 rgb(236,62,151)
```
#f43698
```
#f43698 rgb(244,54,152)
```
#fc2e98
```
#fc2e98 rgb(252,46,152)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#94858c Atypical Achromatopsia 0.001% of the population

Dichromacy

#868ba7 Protanopia 1% of men
#958996 Deuteranopia 1% of men
#bb7b83 Tritanopia 0.001% of the population

Trichromacy

#9981a1 Protanomaly 1% of men, 0.01% of women
#a37f96 Deuteranomaly 6% of men, 0.4% of women
#bb768a Tritanomaly 0.01% of the population

#bb6f96 hex color

#bb6f96 Color Information

#bb6f96 Color Conversion

Color Schemes with #bb6f96

Alternatives to #bb6f96

#bb6f96 Preview

Shades and Tints of #bb6f96

Tones of #bb6f96

Color Blindness Simulator