#bb6666 hex color

In a RGB color space, hex #bb6666 is composed of 73.3% red, 40% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 45.5% yellow and 26.7% black. It has a hue angle of 0 degrees, a saturation of 38.5% and a lightness of 56.7%. #bb6666 color hex could be obtained by blending #ffcccc with #770000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 40
- B 40
RGB color chart
- C 0
- M 45
- Y 45
- K 27
CMYK color chart

● #bb6666 color description : Slightly desaturated red.

The hexadecimal color #bb6666 has RGB values of R:187, G:102, B:102 and CMYK values of C:0, M:0.45, Y:0.45, K:0.27. Its decimal value is 12281446.

Hex triplet	bb6666	`#bb6666`
RGB Decimal	187, 102, 102	`rgb(187,102,102)`
RGB Percent	73.3, 40, 40	`rgb(73.3%,40%,40%)`
CMYK	0, 45, 45, 27
HSL	0°, 38.5, 56.7	`hsl(0,38.5%,56.7%)`
HSV (or HSB)	0°, 45.5, 73.3
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.981, 33.943, 15.244
XYZ	27.644, 21.029, 15.173
xyY	0.433, 0.329, 21.029
CIE-LCH	52.981, 37.209, 24.185
CIE-LUV	52.981, 59.721, 12.88
Hunter-Lab	45.857, 27.353, 12.483
Binary	10111011, 01100110, 01100110

#bb6666
```
#bb6666 rgb(187,102,102)
```
#66bbbb
```
#66bbbb rgb(102,187,187)
```

Complementary Color

#bb6691
```
#bb6691 rgb(187,102,145)
```
#bb6666
```
#bb6666 rgb(187,102,102)
```
#bb9166
```
#bb9166 rgb(187,145,102)
```

Analogous Color

#6691bb
```
#6691bb rgb(102,145,187)
```
#bb6666
```
#bb6666 rgb(187,102,102)
```
#66bb91
```
#66bb91 rgb(102,187,145)
```

Split Complementary Color

#6666bb
```
#6666bb rgb(102,102,187)
```
#bb6666
```
#bb6666 rgb(187,102,102)
```
#66bb66
```
#66bb66 rgb(102,187,102)
```

Triadic Color

#bb66bb
```
#bb66bb rgb(187,102,187)
```
#bb6666
```
#bb6666 rgb(187,102,102)
```
#66bb66
```
#66bb66 rgb(102,187,102)
```
#66bbbb
```
#66bbbb rgb(102,187,187)
```

Tetradic Color

#934141
```
#934141 rgb(147,65,65)
```
#a54949
```
#a54949 rgb(165,73,73)
```
#b35454
```
#b35454 rgb(179,84,84)
```
#bb6666
```
#bb6666 rgb(187,102,102)
```
#c37878
```
#c37878 rgb(195,120,120)
```
#cb8989
```
#cb8989 rgb(203,137,137)
```
#d39b9b
```
#d39b9b rgb(211,155,155)
```

Monochromatic Color

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

#bb667b
```
#bb667b rgb(187,102,123)
```
#bb6674
```
#bb6674 rgb(187,102,116)
```
#bb666d
```
#bb666d rgb(187,102,109)
```
#bb6666
```
#bb6666 rgb(187,102,102)
```
#bb6d66
```
#bb6d66 rgb(187,109,102)
```
#bb7466
```
#bb7466 rgb(187,116,102)
```
#bb7b66
```
#bb7b66 rgb(187,123,102)
```

Similar Colors

Text with hexadecimal color #bb6666

This text has a font color of #bb6666.

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

#bb6666 background color

This paragraph has a background color of #bb6666.

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

#bb6666 border color

This element has a border color of #bb6666.

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

CSS codes

.text {color:#bb6666;}

.background {background-color:#bb6666;}

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

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

#0a0404
```
#0a0404 rgb(10,4,4)
```
#180a0a
```
#180a0a rgb(24,10,10)
```
#251010
```
#251010 rgb(37,16,16)
```
#331717
```
#331717 rgb(51,23,23)
```
#401d1d
```
#401d1d rgb(64,29,29)
```
#4e2323
```
#4e2323 rgb(78,35,35)
```
#5b2929
```
#5b2929 rgb(91,41,41)
```
#692f2f
```
#692f2f rgb(105,47,47)
```
#773535
```
#773535 rgb(119,53,53)
```
#843b3b
```
#843b3b rgb(132,59,59)
```
#924141
```
#924141 rgb(146,65,65)
```
#9f4747
```
#9f4747 rgb(159,71,71)
```
#ad4d4d
```
#ad4d4d rgb(173,77,77)
```

Shade Color Variation

#b55858
```
#b55858 rgb(181,88,88)
```
#bb6666
```
#bb6666 rgb(187,102,102)
```
#c17474
```
#c17474 rgb(193,116,116)
```
#c78181
```
#c78181 rgb(199,129,129)
```
#cd8f8f
```
#cd8f8f rgb(205,143,143)
```
#d39c9c
```
#d39c9c rgb(211,156,156)
```
#d9aaaa
```
#d9aaaa rgb(217,170,170)
```
#dfb7b7
```
#dfb7b7 rgb(223,183,183)
```
#e5c5c5
```
#e5c5c5 rgb(229,197,197)
```
#ebd3d3
```
#ebd3d3 rgb(235,211,211)
```
#f1e0e0
```
#f1e0e0 rgb(241,224,224)
```
#f7eeee
```
#f7eeee rgb(247,238,238)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#998888
```
#998888 rgb(153,136,136)
```
#a28080
```
#a28080 rgb(162,128,128)
```
#aa7777
```
#aa7777 rgb(170,119,119)
```
#b36f6f
```
#b36f6f rgb(179,111,111)
```
#bb6666
```
#bb6666 rgb(187,102,102)
```
#c45e5e
```
#c45e5e rgb(196,94,94)
```
#cc5555
```
#cc5555 rgb(204,85,85)
```
#d54d4d
```
#d54d4d rgb(213,77,77)
```
#dd4444
```
#dd4444 rgb(221,68,68)
```
#e63c3c
```
#e63c3c rgb(230,60,60)
```
#ee3333
```
#ee3333 rgb(238,51,51)
```
#f72b2b
```
#f72b2b rgb(247,43,43)
```
#ff2222
```
#ff2222 rgb(255,34,34)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8b7a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8478 Protanopia 1% of men
#9b8069 Deuteranopia 1% of men
#bf6c74 Tritanopia 0.001% of the population

Trichromacy

#9c7971 Protanomaly 1% of men, 0.01% of women
#a67668 Deuteranomaly 6% of men, 0.4% of women
#bd6a6f Tritanomaly 0.01% of the population

#bb6666 hex color

#bb6666 Color Information

#bb6666 Color Conversion

Color Schemes with #bb6666

Alternatives to #bb6666

#bb6666 Preview

Shades and Tints of #bb6666

Tones of #bb6666

Color Blindness Simulator