colorhexa.com

#bb5f1e hex color

In a RGB color space, hex #bb5f1e is composed of 73.3% red, 37.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.2% magenta, 84% yellow and 26.7% black. It has a hue angle of 24.8 degrees, a saturation of 72.4% and a lightness of 42.5%. #bb5f1e color hex could be obtained by blending #ffbe3c with #770000. Closest websafe color is: #cc6633.

- R 73
- G 37
- B 12
RGB color chart
- C 0
- M 49
- Y 84
- K 27
CMYK color chart

● #bb5f1e color description : Strong orange.

The hexadecimal color #bb5f1e has RGB values of R:187, G:95, B:30 and CMYK values of C:0, M:0.49, Y:0.84, K:0.27. Its decimal value is 12279582.

Hex triplet	bb5f1e	`#bb5f1e`
RGB Decimal	187, 95, 30	`rgb(187,95,30)`
RGB Percent	73.3, 37.3, 11.8	`rgb(73.3%,37.3%,11.8%)`
CMYK	0, 49, 84, 27
HSL	24.8°, 72.4, 42.5	`hsl(24.8,72.4%,42.5%)`
HSV (or HSB)	24.8°, 84, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.506, 32.93, 50.72
XYZ	24.821, 18.845, 3.559
xyY	0.526, 0.399, 18.845
CIE-LCH	50.506, 60.473, 57.006
CIE-LUV	50.506, 74.982, 42.497
Hunter-Lab	43.411, 26.091, 25.527
Binary	10111011, 01011111, 00011110

#bb5f1e
```
#bb5f1e rgb(187,95,30)
```
#1e7abb
```
#1e7abb rgb(30,122,187)
```

Complementary Color

#bb1e2c
```
#bb1e2c rgb(187,30,44)
```
#bb5f1e
```
#bb5f1e rgb(187,95,30)
```
#bbae1e
```
#bbae1e rgb(187,174,30)
```

Analogous Color

#1e2cbb
```
#1e2cbb rgb(30,44,187)
```
#bb5f1e
```
#bb5f1e rgb(187,95,30)
```
#1ebbae
```
#1ebbae rgb(30,187,174)
```

Split Complementary Color

#5f1ebb
```
#5f1ebb rgb(95,30,187)
```
#bb5f1e
```
#bb5f1e rgb(187,95,30)
```
#1ebb5f
```
#1ebb5f rgb(30,187,95)
```

Triadic Color

#bb1e7a
```
#bb1e7a rgb(187,30,122)
```
#bb5f1e
```
#bb5f1e rgb(187,95,30)
```
#1ebb5f
```
#1ebb5f rgb(30,187,95)
```
#1e7abb
```
#1e7abb rgb(30,122,187)
```

Tetradic Color

#793e13
```
#793e13 rgb(121,62,19)
```
#8f4917
```
#8f4917 rgb(143,73,23)
```
#a5541a
```
#a5541a rgb(165,84,26)
```
#bb5f1e
```
#bb5f1e rgb(187,95,30)
```
#d16a22
```
#d16a22 rgb(209,106,34)
```
#de772e
```
#de772e rgb(222,119,46)
```
#e18544
```
#e18544 rgb(225,133,68)
```

Monochromatic Color

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

#bb381e
```
#bb381e rgb(187,56,30)
```
#bb451e
```
#bb451e rgb(187,69,30)
```
#bb521e
```
#bb521e rgb(187,82,30)
```
#bb5f1e
```
#bb5f1e rgb(187,95,30)
```
#bb6c1e
```
#bb6c1e rgb(187,108,30)
```
#bb791e
```
#bb791e rgb(187,121,30)
```
#bb861e
```
#bb861e rgb(187,134,30)
```

Similar Colors

Text with hexadecimal color #bb5f1e

This text has a font color of #bb5f1e.

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

#bb5f1e background color

This paragraph has a background color of #bb5f1e.

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

#bb5f1e border color

This element has a border color of #bb5f1e.

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

CSS codes

.text {color:#bb5f1e;}

.background {background-color:#bb5f1e;}

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

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, #010100 is the darkest color, while #fcf5ef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#120903
```
#120903 rgb(18,9,3)
```
#231206
```
#231206 rgb(35,18,6)
```
#341a08
```
#341a08 rgb(52,26,8)
```
#45230b
```
#45230b rgb(69,35,11)
```
#562b0e
```
#562b0e rgb(86,43,14)
```
#663410
```
#663410 rgb(102,52,16)
```
#773d13
```
#773d13 rgb(119,61,19)
```
#884516
```
#884516 rgb(136,69,22)
```
#994e19
```
#994e19 rgb(153,78,25)
```
#aa561b
```
#aa561b rgb(170,86,27)
```
#bb5f1e
```
#bb5f1e rgb(187,95,30)
```
#cc6821
```
#cc6821 rgb(204,104,33)
```

Shade Color Variation

#dc7024
```
#dc7024 rgb(220,112,36)
```
#df7b35
```
#df7b35 rgb(223,123,53)
```
#e18646
```
#e18646 rgb(225,134,70)
```
#e49157
```
#e49157 rgb(228,145,87)
```
#e79c68
```
#e79c68 rgb(231,156,104)
```
#e9a779
```
#e9a779 rgb(233,167,121)
```
#ecb28a
```
#ecb28a rgb(236,178,138)
```
#efbe9b
```
#efbe9b rgb(239,190,155)
```
#f2c9ac
```
#f2c9ac rgb(242,201,172)
```
#f4d4bc
```
#f4d4bc rgb(244,212,188)
```
#f7dfcd
```
#f7dfcd rgb(247,223,205)
```
#faeade
```
#faeade rgb(250,234,222)
```
#fcf5ef
```
#fcf5ef rgb(252,245,239)
```

Tint Color Variation

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

#706c69
```
#706c69 rgb(112,108,105)
```
#786a61
```
#786a61 rgb(120,106,97)
```
#816958
```
#816958 rgb(129,105,88)
```
#896850
```
#896850 rgb(137,104,80)
```
#916648
```
#916648 rgb(145,102,72)
```
#9a653f
```
#9a653f rgb(154,101,63)
```
#a26337
```
#a26337 rgb(162,99,55)
```
#aa622f
```
#aa622f rgb(170,98,47)
```
#b36026
```
#b36026 rgb(179,96,38)
```
#bb5f1e
```
#bb5f1e rgb(187,95,30)
```
#c35e16
```
#c35e16 rgb(195,94,22)
```
#cc5c0d
```
#cc5c0d rgb(204,92,13)
```
#d45b05
```
#d45b05 rgb(212,91,5)
```

Tone Color Variation

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

Dichromacy

#8d7f2f Protanopia 1% of men
#9e7921 Deuteranopia 1% of men
#c16167 Tritanopia 0.001% of the population

Trichromacy

#9e7329 Protanomaly 1% of men, 0.01% of women
#a86f20 Deuteranomaly 6% of men, 0.4% of women
#bf604c Tritanomaly 0.01% of the population