colorhexa.com

#bb5552 hex color

In a RGB color space, hex #bb5552 is composed of 73.3% red, 33.3% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 56.1% yellow and 26.7% black. It has a hue angle of 1.7 degrees, a saturation of 43.6% and a lightness of 52.7%. #bb5552 color hex could be obtained by blending #ffaaa4 with #770000. Closest websafe color is: #cc6666.

- R 73
- G 33
- B 32
RGB color chart
- C 0
- M 55
- Y 56
- K 27
CMYK color chart

● #bb5552 color description : Moderate red.

The hexadecimal color #bb5552 has RGB values of R:187, G:85, B:82 and CMYK values of C:0, M:0.55, Y:0.56, K:0.27. Its decimal value is 12277074.

Hex triplet	bb5552	`#bb5552`
RGB Decimal	187, 85, 82	`rgb(187,85,82)`
RGB Percent	73.3, 33.3, 32.2	`rgb(73.3%,33.3%,32.2%)`
CMYK	0, 55, 56, 27
HSL	1.7°, 43.6, 52.7	`hsl(1.7,43.6%,52.7%)`
HSV (or HSB)	1.7°, 56.1, 73.3
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.097, 40.898, 21.813
XYZ	25.266, 17.673, 10.063
xyY	0.477, 0.333, 17.673
CIE-LCH	49.097, 46.351, 28.073
CIE-LUV	49.097, 74.955, 17.786
Hunter-Lab	42.04, 33.709, 15.236
Binary	10111011, 01010101, 01010010

#bb5552
```
#bb5552 rgb(187,85,82)
```
#52b8bb
```
#52b8bb rgb(82,184,187)
```

Complementary Color

#bb5284
```
#bb5284 rgb(187,82,132)
```
#bb5552
```
#bb5552 rgb(187,85,82)
```
#bb8a52
```
#bb8a52 rgb(187,138,82)
```

Analogous Color

#5284bb
```
#5284bb rgb(82,132,187)
```
#bb5552
```
#bb5552 rgb(187,85,82)
```
#52bb8a
```
#52bb8a rgb(82,187,138)
```

Split Complementary Color

#5552bb
```
#5552bb rgb(85,82,187)
```
#bb5552
```
#bb5552 rgb(187,85,82)
```
#52bb55
```
#52bb55 rgb(82,187,85)
```

Triadic Color

#bb52b8
```
#bb52b8 rgb(187,82,184)
```
#bb5552
```
#bb5552 rgb(187,85,82)
```
#52bb55
```
#52bb55 rgb(82,187,85)
```
#52b8bb
```
#52b8bb rgb(82,184,187)
```

Tetradic Color

#8a3936
```
#8a3936 rgb(138,57,54)
```
#9c403e
```
#9c403e rgb(156,64,62)
```
#af4845
```
#af4845 rgb(175,72,69)
```
#bb5552
```
#bb5552 rgb(187,85,82)
```
#c26764
```
#c26764 rgb(194,103,100)
```
#c97977
```
#c97977 rgb(201,121,119)
```
#d18b89
```
#d18b89 rgb(209,139,137)
```

Monochromatic Color

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

#bb5269
```
#bb5269 rgb(187,82,105)
```
#bb5261
```
#bb5261 rgb(187,82,97)
```
#bb5258
```
#bb5258 rgb(187,82,88)
```
#bb5552
```
#bb5552 rgb(187,85,82)
```
#bb5e52
```
#bb5e52 rgb(187,94,82)
```
#bb6752
```
#bb6752 rgb(187,103,82)
```
#bb6f52
```
#bb6f52 rgb(187,111,82)
```

Similar Colors

Text with hexadecimal color #bb5552

This text has a font color of #bb5552.

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

#bb5552 background color

This paragraph has a background color of #bb5552.

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

#bb5552 border color

This element has a border color of #bb5552.

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

CSS codes

.text {color:#bb5552;}

.background {background-color:#bb5552;}

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

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)
```
#180a09
```
#180a09 rgb(24,10,9)
```
#26100f
```
#26100f rgb(38,16,15)
```
#341515
```
#341515 rgb(52,21,21)
```
#421b1a
```
#421b1a rgb(66,27,26)
```
#502120
```
#502120 rgb(80,33,32)
```
#5f2725
```
#5f2725 rgb(95,39,37)
```
#6d2d2b
```
#6d2d2b rgb(109,45,43)
```
#7b3230
```
#7b3230 rgb(123,50,48)
```
#893836
```
#893836 rgb(137,56,54)
```
#973e3b
```
#973e3b rgb(151,62,59)
```
#a54441
```
#a54441 rgb(165,68,65)
```
#b34946
```
#b34946 rgb(179,73,70)
```

Shade Color Variation

#bb5552
```
#bb5552 rgb(187,85,82)
```
#c16360
```
#c16360 rgb(193,99,96)
```
#c6716e
```
#c6716e rgb(198,113,110)
```
#cc7f7c
```
#cc7f7c rgb(204,127,124)
```
#d18c8a
```
#d18c8a rgb(209,140,138)
```
#d79a98
```
#d79a98 rgb(215,154,152)
```
#dca8a6
```
#dca8a6 rgb(220,168,166)
```
#e2b6b5
```
#e2b6b5 rgb(226,182,181)
```
#e7c4c3
```
#e7c4c3 rgb(231,196,195)
```
#edd2d1
```
#edd2d1 rgb(237,210,209)
```
#f2dfdf
```
#f2dfdf rgb(242,223,223)
```
#f8eded
```
#f8eded rgb(248,237,237)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#8d8180
```
#8d8180 rgb(141,129,128)
```
#967877
```
#967877 rgb(150,120,119)
```
#9f6f6e
```
#9f6f6e rgb(159,111,110)
```
#a86665
```
#a86665 rgb(168,102,101)
```
#b25e5b
```
#b25e5b rgb(178,94,91)
```
#bb5552
```
#bb5552 rgb(187,85,82)
```
#c44c49
```
#c44c49 rgb(196,76,73)
```
#ce443f
```
#ce443f rgb(206,68,63)
```
#d73b36
```
#d73b36 rgb(215,59,54)
```
#e0322d
```
#e0322d rgb(224,50,45)
```
#e92924
```
#e92924 rgb(233,41,36)
```
#f3211a
```
#f3211a rgb(243,33,26)
```
#fc1811
```
#fc1811 rgb(252,24,17)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#816d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#827b67 Protanopia 1% of men
#937655 Deuteranopia 1% of men
#bf5c62 Tritanopia 0.001% of the population

Trichromacy

#976d5f Protanomaly 1% of men, 0.01% of women
#a16a53 Deuteranomaly 6% of men, 0.4% of women
#bd595c Tritanomaly 0.01% of the population