#bb5f2c hex color

In a RGB color space, hex #bb5f2c is composed of 73.3% red, 37.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.2% magenta, 76.5% yellow and 26.7% black. It has a hue angle of 21.4 degrees, a saturation of 61.9% and a lightness of 45.3%. #bb5f2c color hex could be obtained by blending #ffbe58 with #770000. Closest websafe color is: #cc6633.

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

● #bb5f2c color description : Strong orange.

The hexadecimal color #bb5f2c has RGB values of R:187, G:95, B:44 and CMYK values of C:0, M:0.49, Y:0.76, K:0.27. Its decimal value is 12279596.

Hex triplet	bb5f2c	`#bb5f2c`
RGB Decimal	187, 95, 44	`rgb(187,95,44)`
RGB Percent	73.3, 37.3, 17.3	`rgb(73.3%,37.3%,17.3%)`
CMYK	0, 49, 76, 27
HSL	21.4°, 61.9, 45.3	`hsl(21.4,61.9%,45.3%)`
HSV (or HSB)	21.4°, 76.5, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.609, 33.427, 44.593
XYZ	25.041, 18.933, 4.719
xyY	0.514, 0.389, 18.933
CIE-LCH	50.609, 55.731, 53.145
CIE-LUV	50.609, 73.739, 38.749
Hunter-Lab	43.512, 26.579, 24.029
Binary	10111011, 01011111, 00101100

#bb5f2c
```
#bb5f2c rgb(187,95,44)
```
#2c88bb
```
#2c88bb rgb(44,136,187)
```

Complementary Color

#bb2c41
```
#bb2c41 rgb(187,44,65)
```
#bb5f2c
```
#bb5f2c rgb(187,95,44)
```
#bba72c
```
#bba72c rgb(187,167,44)
```

Analogous Color

#2c41bb
```
#2c41bb rgb(44,65,187)
```
#bb5f2c
```
#bb5f2c rgb(187,95,44)
```
#2cbba7
```
#2cbba7 rgb(44,187,167)
```

Split Complementary Color

#5f2cbb
```
#5f2cbb rgb(95,44,187)
```
#bb5f2c
```
#bb5f2c rgb(187,95,44)
```
#2cbb5f
```
#2cbb5f rgb(44,187,95)
```

Triadic Color

#bb2c88
```
#bb2c88 rgb(187,44,136)
```
#bb5f2c
```
#bb5f2c rgb(187,95,44)
```
#2cbb5f
```
#2cbb5f rgb(44,187,95)
```
#2c88bb
```
#2c88bb rgb(44,136,187)
```

Tetradic Color

#7d401d
```
#7d401d rgb(125,64,29)
```
#924a22
```
#924a22 rgb(146,74,34)
```
#a65527
```
#a65527 rgb(166,85,39)
```
#bb5f2c
```
#bb5f2c rgb(187,95,44)
```
#cf6a32
```
#cf6a32 rgb(207,106,50)
```
#d47946
```
#d47946 rgb(212,121,70)
```
#d8885b
```
#d8885b rgb(216,136,91)
```

Monochromatic Color

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

#bb3b2c
```
#bb3b2c rgb(187,59,44)
```
#bb472c
```
#bb472c rgb(187,71,44)
```
#bb532c
```
#bb532c rgb(187,83,44)
```
#bb5f2c
```
#bb5f2c rgb(187,95,44)
```
#bb6b2c
```
#bb6b2c rgb(187,107,44)
```
#bb772c
```
#bb772c rgb(187,119,44)
```
#bb832c
```
#bb832c rgb(187,131,44)
```

Similar Colors

Text with hexadecimal color #bb5f2c

This text has a font color of #bb5f2c.

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

#bb5f2c background color

This paragraph has a background color of #bb5f2c.

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

#bb5f2c border color

This element has a border color of #bb5f2c.

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

CSS codes

.text {color:#bb5f2c;}

.background {background-color:#bb5f2c;}

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

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

#0c0603
```
#0c0603 rgb(12,6,3)
```
#1c0e07
```
#1c0e07 rgb(28,14,7)
```
#2c160a
```
#2c160a rgb(44,22,10)
```
#3c1e0e
```
#3c1e0e rgb(60,30,14)
```
#4c2712
```
#4c2712 rgb(76,39,18)
```
#5c2f16
```
#5c2f16 rgb(92,47,22)
```
#6c3719
```
#6c3719 rgb(108,55,25)
```
#7b3f1d
```
#7b3f1d rgb(123,63,29)
```
#8b4721
```
#8b4721 rgb(139,71,33)
```
#9b4f25
```
#9b4f25 rgb(155,79,37)
```
#ab5728
```
#ab5728 rgb(171,87,40)
```
#bb5f2c
```
#bb5f2c rgb(187,95,44)
```
#cb6730
```
#cb6730 rgb(203,103,48)
```

Shade Color Variation

#d1723d
```
#d1723d rgb(209,114,61)
```
#d57d4d
```
#d57d4d rgb(213,125,77)
```
#d9895d
```
#d9895d rgb(217,137,93)
```
#dd946d
```
#dd946d rgb(221,148,109)
```
#e0a07c
```
#e0a07c rgb(224,160,124)
```
#e4ac8c
```
#e4ac8c rgb(228,172,140)
```
#e8b79c
```
#e8b79c rgb(232,183,156)
```
#ebc3ac
```
#ebc3ac rgb(235,195,172)
```
#efcebc
```
#efcebc rgb(239,206,188)
```
#f3dacc
```
#f3dacc rgb(243,218,204)
```
#f7e5dc
```
#f7e5dc rgb(247,229,220)
```
#faf1ec
```
#faf1ec rgb(250,241,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#747373
```
#747373 rgb(116,115,115)
```
#7d716a
```
#7d716a rgb(125,113,106)
```
#866e61
```
#866e61 rgb(134,110,97)
```
#8f6c58
```
#8f6c58 rgb(143,108,88)
```
#976950
```
#976950 rgb(151,105,80)
```
#a06747
```
#a06747 rgb(160,103,71)
```
#a9643e
```
#a9643e rgb(169,100,62)
```
#b26235
```
#b26235 rgb(178,98,53)
```
#bb5f2c
```
#bb5f2c rgb(187,95,44)
```
#c45c23
```
#c45c23 rgb(196,92,35)
```
#cd5a1a
```
#cd5a1a rgb(205,90,26)
```
#d65711
```
#d65711 rgb(214,87,17)
```
#df5508
```
#df5508 rgb(223,85,8)
```

Tone Color Variation

Below, you can see how #bb5f2c 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
#837166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7f3d Protanopia 1% of men
#9d7930 Deuteranopia 1% of men
#c16168 Tritanopia 0.001% of the population

Trichromacy

#9d7337 Protanomaly 1% of men, 0.01% of women
#a86f2f Deuteranomaly 6% of men, 0.4% of women
#be6052 Tritanomaly 0.01% of the population

#bb5f2c hex color

#bb5f2c Color Information

#bb5f2c Color Conversion

Color Schemes with #bb5f2c

Alternatives to #bb5f2c

#bb5f2c Preview

Shades and Tints of #bb5f2c

Tones of #bb5f2c

Color Blindness Simulator