#bb555f hex color

In a RGB color space, hex #bb555f is composed of 73.3% red, 33.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 49.2% yellow and 26.7% black. It has a hue angle of 354.1 degrees, a saturation of 42.9% and a lightness of 53.3%. #bb555f color hex could be obtained by blending #ffaabe with #770000. Closest websafe color is: #cc6666.

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

● #bb555f color description : Moderate red.

The hexadecimal color #bb555f has RGB values of R:187, G:85, B:95 and CMYK values of C:0, M:0.55, Y:0.49, K:0.27. Its decimal value is 12277087.

Hex triplet	bb555f	`#bb555f`
RGB Decimal	187, 85, 95	`rgb(187,85,95)`
RGB Percent	73.3, 33.3, 37.3	`rgb(73.3%,33.3%,37.3%)`
CMYK	0, 55, 49, 27
HSL	354.1°, 42.9, 53.3	`hsl(354.1,42.9%,53.3%)`
HSV (or HSB)	354.1°, 54.5, 73.3
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.363, 42.039, 14.415
XYZ	25.808, 17.89, 12.92
xyY	0.456, 0.316, 17.89
CIE-LCH	49.363, 44.442, 18.927
CIE-LUV	49.363, 72.027, 9.817
Hunter-Lab	42.297, 34.895, 11.497
Binary	10111011, 01010101, 01011111

#bb555f
```
#bb555f rgb(187,85,95)
```
#55bbb1
```
#55bbb1 rgb(85,187,177)
```

Complementary Color

#bb5592
```
#bb5592 rgb(187,85,146)
```
#bb555f
```
#bb555f rgb(187,85,95)
```
#bb7e55
```
#bb7e55 rgb(187,126,85)
```

Analogous Color

#5592bb
```
#5592bb rgb(85,146,187)
```
#bb555f
```
#bb555f rgb(187,85,95)
```
#55bb7e
```
#55bb7e rgb(85,187,126)
```

Split Complementary Color

#555fbb
```
#555fbb rgb(85,95,187)
```
#bb555f
```
#bb555f rgb(187,85,95)
```
#5fbb55
```
#5fbb55 rgb(95,187,85)
```

Triadic Color

#b155bb
```
#b155bb rgb(177,85,187)
```
#bb555f
```
#bb555f rgb(187,85,95)
```
#5fbb55
```
#5fbb55 rgb(95,187,85)
```
#55bbb1
```
#55bbb1 rgb(85,187,177)
```

Tetradic Color

#8c3840
```
#8c3840 rgb(140,56,64)
```
#9e3f48
```
#9e3f48 rgb(158,63,72)
```
#b04651
```
#b04651 rgb(176,70,81)
```
#bb555f
```
#bb555f rgb(187,85,95)
```
#c26770
```
#c26770 rgb(194,103,112)
```
#ca7981
```
#ca7981 rgb(202,121,129)
```
#d18c92
```
#d18c92 rgb(209,140,146)
```

Monochromatic Color

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

#bb5579
```
#bb5579 rgb(187,85,121)
```
#bb5570
```
#bb5570 rgb(187,85,112)
```
#bb5568
```
#bb5568 rgb(187,85,104)
```
#bb555f
```
#bb555f rgb(187,85,95)
```
#bb5557
```
#bb5557 rgb(187,85,87)
```
#bb5c55
```
#bb5c55 rgb(187,92,85)
```
#bb6555
```
#bb6555 rgb(187,101,85)
```

Similar Colors

Text with hexadecimal color #bb555f

This text has a font color of #bb555f.

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

#bb555f background color

This paragraph has a background color of #bb555f.

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

#bb555f border color

This element has a border color of #bb555f.

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

CSS codes

.text {color:#bb555f;}

.background {background-color:#bb555f;}

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

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

#0c0506
```
#0c0506 rgb(12,5,6)
```
#1a0a0c
```
#1a0a0c rgb(26,10,12)
```
#281012
```
#281012 rgb(40,16,18)
```
#361619
```
#361619 rgb(54,22,25)
```
#441b1f
```
#441b1f rgb(68,27,31)
```
#522126
```
#522126 rgb(82,33,38)
```
#60262c
```
#60262c rgb(96,38,44)
```
#6e2c33
```
#6e2c33 rgb(110,44,51)
```
#7c3239
```
#7c3239 rgb(124,50,57)
```
#8a373f
```
#8a373f rgb(138,55,63)
```
#983d46
```
#983d46 rgb(152,61,70)
```
#a6434c
```
#a6434c rgb(166,67,76)
```
#b44853
```
#b44853 rgb(180,72,83)
```

Shade Color Variation

#bb555f
```
#bb555f rgb(187,85,95)
```
#c1636c
```
#c1636c rgb(193,99,108)
```
#c67179
```
#c67179 rgb(198,113,121)
```
#cc7f87
```
#cc7f87 rgb(204,127,135)
```
#d18d94
```
#d18d94 rgb(209,141,148)
```
#d79ba1
```
#d79ba1 rgb(215,155,161)
```
#dda9ae
```
#dda9ae rgb(221,169,174)
```
#e2b7bb
```
#e2b7bb rgb(226,183,187)
```
#e8c5c8
```
#e8c5c8 rgb(232,197,200)
```
#edd3d6
```
#edd3d6 rgb(237,211,214)
```
#f3e1e3
```
#f3e1e3 rgb(243,225,227)
```
#f9eff0
```
#f9eff0 rgb(249,239,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#8d8384
```
#8d8384 rgb(141,131,132)
```
#967a7c
```
#967a7c rgb(150,122,124)
```
#a07075
```
#a07075 rgb(160,112,117)
```
#a9676e
```
#a9676e rgb(169,103,110)
```
#b25e66
```
#b25e66 rgb(178,94,102)
```
#bb555f
```
#bb555f rgb(187,85,95)
```
#c44c58
```
#c44c58 rgb(196,76,88)
```
#cd4350
```
#cd4350 rgb(205,67,80)
```
#d63a49
```
#d63a49 rgb(214,58,73)
```
#e03042
```
#e03042 rgb(224,48,66)
```
#e9273a
```
#e9273a rgb(233,39,58)
```
#f21e33
```
#f21e33 rgb(242,30,51)
```
#fb152b
```
#fb152b rgb(251,21,43)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#836f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807c74 Protanopia 1% of men
#917761 Deuteranopia 1% of men
#be5e64 Tritanopia 0.001% of the population

Trichromacy

#956d6c Protanomaly 1% of men, 0.01% of women
#a06b60 Deuteranomaly 6% of men, 0.4% of women
#bd5a62 Tritanomaly 0.01% of the population

#bb555f hex color

#bb555f Color Information

#bb555f Color Conversion

Color Schemes with #bb555f

Alternatives to #bb555f

#bb555f Preview

Shades and Tints of #bb555f

Tones of #bb555f

Color Blindness Simulator