#bb5f56 hex color

In a RGB color space, hex #bb5f56 is composed of 73.3% red, 37.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.2% magenta, 54% yellow and 26.7% black. It has a hue angle of 5.3 degrees, a saturation of 42.6% and a lightness of 53.5%. #bb5f56 color hex could be obtained by blending #ffbeac with #770000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 37
- B 34
RGB color chart
- C 0
- M 49
- Y 54
- K 27
CMYK color chart

● #bb5f56 color description : Moderate red.

The hexadecimal color #bb5f56 has RGB values of R:187, G:95, B:86 and CMYK values of C:0, M:0.49, Y:0.54, K:0.27. Its decimal value is 12279638.

Hex triplet	bb5f56	`#bb5f56`
RGB Decimal	187, 95, 86	`rgb(187,95,86)`
RGB Percent	73.3, 37.3, 33.7	`rgb(73.3%,37.3%,33.7%)`
CMYK	0, 49, 54, 27
HSL	5.3°, 42.6, 53.5	`hsl(5.3,42.6%,53.5%)`
HSV (or HSB)	5.3°, 54, 73.3
Web Safe	cc6666	`#cc6666`

CIE-LAB	51.179, 36.115, 22.202
XYZ	26.266, 19.423, 11.169
xyY	0.462, 0.342, 19.423
CIE-LCH	51.179, 42.393, 31.581
CIE-LUV	51.179, 67.453, 19.641
Hunter-Lab	44.072, 29.257, 15.824
Binary	10111011, 01011111, 01010110

#bb5f56
```
#bb5f56 rgb(187,95,86)
```
#56b2bb
```
#56b2bb rgb(86,178,187)
```

Complementary Color

#bb5680
```
#bb5680 rgb(187,86,128)
```
#bb5f56
```
#bb5f56 rgb(187,95,86)
```
#bb9256
```
#bb9256 rgb(187,146,86)
```

Analogous Color

#5680bb
```
#5680bb rgb(86,128,187)
```
#bb5f56
```
#bb5f56 rgb(187,95,86)
```
#56bb92
```
#56bb92 rgb(86,187,146)
```

Split Complementary Color

#5f56bb
```
#5f56bb rgb(95,86,187)
```
#bb5f56
```
#bb5f56 rgb(187,95,86)
```
#56bb5f
```
#56bb5f rgb(86,187,95)
```

Triadic Color

#bb56b2
```
#bb56b2 rgb(187,86,178)
```
#bb5f56
```
#bb5f56 rgb(187,95,86)
```
#56bb5f
```
#56bb5f rgb(86,187,95)
```
#56b2bb
```
#56b2bb rgb(86,178,187)
```

Tetradic Color

#8c4038
```
#8c4038 rgb(140,64,56)
```
#9e4840
```
#9e4840 rgb(158,72,64)
```
#b05047
```
#b05047 rgb(176,80,71)
```
#bb5f56
```
#bb5f56 rgb(187,95,86)
```
#c27068
```
#c27068 rgb(194,112,104)
```
#ca817a
```
#ca817a rgb(202,129,122)
```
#d1938d
```
#d1938d rgb(209,147,141)
```

Monochromatic Color

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

#bb5666
```
#bb5666 rgb(187,86,102)
```
#bb565e
```
#bb565e rgb(187,86,94)
```
#bb5756
```
#bb5756 rgb(187,87,86)
```
#bb5f56
```
#bb5f56 rgb(187,95,86)
```
#bb6756
```
#bb6756 rgb(187,103,86)
```
#bb7056
```
#bb7056 rgb(187,112,86)
```
#bb7856
```
#bb7856 rgb(187,120,86)
```

Similar Colors

Text with hexadecimal color #bb5f56

This text has a font color of #bb5f56.

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

#bb5f56 background color

This paragraph has a background color of #bb5f56.

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

#bb5f56 border color

This element has a border color of #bb5f56.

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

CSS codes

.text {color:#bb5f56;}

.background {background-color:#bb5f56;}

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

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

#0d0605
```
#0d0605 rgb(13,6,5)
```
#1b0c0b
```
#1b0c0b rgb(27,12,11)
```
#291310
```
#291310 rgb(41,19,16)
```
#371916
```
#371916 rgb(55,25,22)
```
#451f1c
```
#451f1c rgb(69,31,28)
```
#532621
```
#532621 rgb(83,38,33)
```
#612c27
```
#612c27 rgb(97,44,39)
```
#6f322d
```
#6f322d rgb(111,50,45)
```
#7d3932
```
#7d3932 rgb(125,57,50)
```
#8b3f38
```
#8b3f38 rgb(139,63,56)
```
#99463d
```
#99463d rgb(153,70,61)
```
#a74c43
```
#a74c43 rgb(167,76,67)
```
#b55249
```
#b55249 rgb(181,82,73)
```

Shade Color Variation

#bb5f56
```
#bb5f56 rgb(187,95,86)
```
#c16c64
```
#c16c64 rgb(193,108,100)
```
#c67972
```
#c67972 rgb(198,121,114)
```
#cc8780
```
#cc8780 rgb(204,135,128)
```
#d2948e
```
#d2948e rgb(210,148,142)
```
#d7a19c
```
#d7a19c rgb(215,161,156)
```
#ddaeaa
```
#ddaeaa rgb(221,174,170)
```
#e2bcb8
```
#e2bcb8 rgb(226,188,184)
```
#e8c9c6
```
#e8c9c6 rgb(232,201,198)
```
#eed6d4
```
#eed6d4 rgb(238,214,212)
```
#f3e3e2
```
#f3e3e2 rgb(243,227,226)
```
#f9f1f0
```
#f9f1f0 rgb(249,241,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8d8484
```
#8d8484 rgb(141,132,132)
```
#977d7a
```
#977d7a rgb(151,125,122)
```
#a07571
```
#a07571 rgb(160,117,113)
```
#a96e68
```
#a96e68 rgb(169,110,104)
```
#b2665f
```
#b2665f rgb(178,102,95)
```
#bb5f56
```
#bb5f56 rgb(187,95,86)
```
#c4584d
```
#c4584d rgb(196,88,77)
```
#cd5044
```
#cd5044 rgb(205,80,68)
```
#d6493b
```
#d6493b rgb(214,73,59)
```
#df4132
```
#df4132 rgb(223,65,50)
```
#e93a28
```
#e93a28 rgb(233,58,40)
```
#f2321f
```
#f2321f rgb(242,50,31)
```
#fb2b16
```
#fb2b16 rgb(251,43,22)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#867472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888069 Protanopia 1% of men
#997b59 Deuteranopia 1% of men
#bf656b Tritanopia 0.001% of the population

Trichromacy

#9a7462 Protanomaly 1% of men, 0.01% of women
#a57158 Deuteranomaly 6% of men, 0.4% of women
#bd6363 Tritanomaly 0.01% of the population

#bb5f56 hex color

#bb5f56 Color Information

#bb5f56 Color Conversion

Color Schemes with #bb5f56

Alternatives to #bb5f56

#bb5f56 Preview

Shades and Tints of #bb5f56

Tones of #bb5f56

Color Blindness Simulator