#bb6766 hex color

In a RGB color space, hex #bb6766 is composed of 73.3% red, 40.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.9% magenta, 45.5% yellow and 26.7% black. It has a hue angle of 0.7 degrees, a saturation of 38.5% and a lightness of 56.7%. #bb6766 color hex could be obtained by blending #ffcecc 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

● #bb6766 color description : Slightly desaturated red.

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

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

CIE-LAB	53.197, 33.408, 15.541
XYZ	27.742, 21.227, 15.206
xyY	0.432, 0.331, 21.227
CIE-LCH	53.197, 36.846, 24.947
CIE-LUV	53.197, 59.073, 13.354
Hunter-Lab	46.072, 26.857, 12.683
Binary	10111011, 01100111, 01100110

#bb6766
```
#bb6766 rgb(187,103,102)
```
#66babb
```
#66babb rgb(102,186,187)
```

Complementary Color

#bb6690
```
#bb6690 rgb(187,102,144)
```
#bb6766
```
#bb6766 rgb(187,103,102)
```
#bb9266
```
#bb9266 rgb(187,146,102)
```

Analogous Color

#6690bb
```
#6690bb rgb(102,144,187)
```
#bb6766
```
#bb6766 rgb(187,103,102)
```
#66bb92
```
#66bb92 rgb(102,187,146)
```

Split Complementary Color

#6766bb
```
#6766bb rgb(103,102,187)
```
#bb6766
```
#bb6766 rgb(187,103,102)
```
#66bb67
```
#66bb67 rgb(102,187,103)
```

Triadic Color

#bb66ba
```
#bb66ba rgb(187,102,186)
```
#bb6766
```
#bb6766 rgb(187,103,102)
```
#66bb67
```
#66bb67 rgb(102,187,103)
```
#66babb
```
#66babb rgb(102,186,187)
```

Tetradic Color

#934241
```
#934241 rgb(147,66,65)
```
#a54a49
```
#a54a49 rgb(165,74,73)
```
#b35554
```
#b35554 rgb(179,85,84)
```
#bb6766
```
#bb6766 rgb(187,103,102)
```
#c37978
```
#c37978 rgb(195,121,120)
```
#cb8a89
```
#cb8a89 rgb(203,138,137)
```
#d39c9b
```
#d39c9b rgb(211,156,155)
```

Monochromatic Color

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

#bb667a
```
#bb667a rgb(187,102,122)
```
#bb6673
```
#bb6673 rgb(187,102,115)
```
#bb666c
```
#bb666c rgb(187,102,108)
```
#bb6766
```
#bb6766 rgb(187,103,102)
```
#bb6e66
```
#bb6e66 rgb(187,110,102)
```
#bb7566
```
#bb7566 rgb(187,117,102)
```
#bb7c66
```
#bb7c66 rgb(187,124,102)
```

Similar Colors

Text with hexadecimal color #bb6766

This text has a font color of #bb6766.

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

#bb6766 background color

This paragraph has a background color of #bb6766.

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

#bb6766 border color

This element has a border color of #bb6766.

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

CSS codes

.text {color:#bb6766;}

.background {background-color:#bb6766;}

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

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)
```
#180b0a
```
#180b0a rgb(24,11,10)
```
#251110
```
#251110 rgb(37,17,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)
```
#843c3b
```
#843c3b rgb(132,60,59)
```
#924241
```
#924241 rgb(146,66,65)
```
#9f4847
```
#9f4847 rgb(159,72,71)
```
#ad4e4d
```
#ad4e4d rgb(173,78,77)
```

Shade Color Variation

#b55a58
```
#b55a58 rgb(181,90,88)
```
#bb6766
```
#bb6766 rgb(187,103,102)
```
#c17474
```
#c17474 rgb(193,116,116)
```
#c78281
```
#c78281 rgb(199,130,129)
```
#cd8f8f
```
#cd8f8f rgb(205,143,143)
```
#d39d9c
```
#d39d9c rgb(211,157,156)
```
#d9aaaa
```
#d9aaaa rgb(217,170,170)
```
#dfb8b7
```
#dfb8b7 rgb(223,184,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 #ff2522 is the most saturated one.

#998888
```
#998888 rgb(153,136,136)
```
#a28080
```
#a28080 rgb(162,128,128)
```
#aa7877
```
#aa7877 rgb(170,120,119)
```
#b36f6f
```
#b36f6f rgb(179,111,111)
```
#bb6766
```
#bb6766 rgb(187,103,102)
```
#c45f5e
```
#c45f5e rgb(196,95,94)
```
#cc5655
```
#cc5655 rgb(204,86,85)
```
#d54e4d
```
#d54e4d rgb(213,78,77)
```
#dd4644
```
#dd4644 rgb(221,70,68)
```
#e63e3c
```
#e63e3c rgb(230,62,60)
```
#ee3533
```
#ee3533 rgb(238,53,51)
```
#f72d2b
```
#f72d2b rgb(247,45,43)
```
#ff2522
```
#ff2522 rgb(255,37,34)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8c7b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8577 Protanopia 1% of men
#9b8069 Deuteranopia 1% of men
#bf6d75 Tritanopia 0.001% of the population

Trichromacy

#9c7a71 Protanomaly 1% of men, 0.01% of women
#a77768 Deuteranomaly 6% of men, 0.4% of women
#bd6b6f Tritanomaly 0.01% of the population

#bb6766 hex color

#bb6766 Color Information

#bb6766 Color Conversion

Color Schemes with #bb6766

Alternatives to #bb6766

#bb6766 Preview

Shades and Tints of #bb6766

Tones of #bb6766

Color Blindness Simulator