#bb5502 hex color

In a RGB color space, hex #bb5502 is composed of 73.3% red, 33.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 98.9% yellow and 26.7% black. It has a hue angle of 26.9 degrees, a saturation of 97.9% and a lightness of 37.1%. #bb5502 color hex could be obtained by blending #ffaa04 with #770000. Closest websafe color is: #cc6600.

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

● #bb5502 color description : Strong orange.

The hexadecimal color #bb5502 has RGB values of R:187, G:85, B:2 and CMYK values of C:0, M:0.55, Y:0.99, K:0.27. Its decimal value is 12276994.

Hex triplet	bb5502	`#bb5502`
RGB Decimal	187, 85, 2	`rgb(187,85,2)`
RGB Percent	73.3, 33.3, 0.8	`rgb(73.3%,33.3%,0.8%)`
CMYK	0, 55, 99, 27
HSL	26.9°, 97.9, 37.1	`hsl(26.9,97.9%,37.1%)`
HSV (or HSB)	26.9°, 98.9, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	48.346, 37.591, 57.297
XYZ	23.754, 17.069, 2.101
xyY	0.553, 0.398, 17.069
CIE-LCH	48.346, 68.528, 56.732
CIE-LUV	48.346, 84.398, 43.131
Hunter-Lab	41.314, 30.331, 25.905
Binary	10111011, 01010101, 00000010

#bb5502
```
#bb5502 rgb(187,85,2)
```
#0268bb
```
#0268bb rgb(2,104,187)
```

Complementary Color

#bb020b
```
#bb020b rgb(187,2,11)
```
#bb5502
```
#bb5502 rgb(187,85,2)
```
#bbb202
```
#bbb202 rgb(187,178,2)
```

Analogous Color

#020bbb
```
#020bbb rgb(2,11,187)
```
#bb5502
```
#bb5502 rgb(187,85,2)
```
#02bbb2
```
#02bbb2 rgb(2,187,178)
```

Split Complementary Color

#5502bb
```
#5502bb rgb(85,2,187)
```
#bb5502
```
#bb5502 rgb(187,85,2)
```
#02bb55
```
#02bb55 rgb(2,187,85)
```

Triadic Color

#bb0268
```
#bb0268 rgb(187,2,104)
```
#bb5502
```
#bb5502 rgb(187,85,2)
```
#02bb55
```
#02bb55 rgb(2,187,85)
```
#0268bb
```
#0268bb rgb(2,104,187)
```

Tetradic Color

#6f3301
```
#6f3301 rgb(111,51,1)
```
#893e01
```
#893e01 rgb(137,62,1)
```
#a24a02
```
#a24a02 rgb(162,74,2)
```
#bb5502
```
#bb5502 rgb(187,85,2)
```
#d46002
```
#d46002 rgb(212,96,2)
```
#ed6c03
```
#ed6c03 rgb(237,108,3)
```
#fc780d
```
#fc780d rgb(252,120,13)
```

Monochromatic Color

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

#bb2702
```
#bb2702 rgb(187,39,2)
```
#bb3602
```
#bb3602 rgb(187,54,2)
```
#bb4602
```
#bb4602 rgb(187,70,2)
```
#bb5502
```
#bb5502 rgb(187,85,2)
```
#bb6402
```
#bb6402 rgb(187,100,2)
```
#bb7402
```
#bb7402 rgb(187,116,2)
```
#bb8302
```
#bb8302 rgb(187,131,2)
```

Similar Colors

Text with hexadecimal color #bb5502

This text has a font color of #bb5502.

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

#bb5502 background color

This paragraph has a background color of #bb5502.

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

#bb5502 border color

This element has a border color of #bb5502.

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

CSS codes

.text {color:#bb5502;}

.background {background-color:#bb5502;}

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

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

#0c0600
```
#0c0600 rgb(12,6,0)
```
#200e00
```
#200e00 rgb(32,14,0)
```
#331701
```
#331701 rgb(51,23,1)
```
#472001
```
#472001 rgb(71,32,1)
```
#5a2901
```
#5a2901 rgb(90,41,1)
```
#6d3201
```
#6d3201 rgb(109,50,1)
```
#813b01
```
#813b01 rgb(129,59,1)
```
#944302
```
#944302 rgb(148,67,2)
```
#a84c02
```
#a84c02 rgb(168,76,2)
```
#bb5502
```
#bb5502 rgb(187,85,2)
```
#ce5e02
```
#ce5e02 rgb(206,94,2)
```
#e26702
```
#e26702 rgb(226,103,2)
```
#f56f03
```
#f56f03 rgb(245,111,3)
```

Shade Color Variation

#fc7a0f
```
#fc7a0f rgb(252,122,15)
```
#fd8422
```
#fd8422 rgb(253,132,34)
```
#fd8f36
```
#fd8f36 rgb(253,143,54)
```
#fd9a49
```
#fd9a49 rgb(253,154,73)
```
#fda55d
```
#fda55d rgb(253,165,93)
```
#fdb070
```
#fdb070 rgb(253,176,112)
```
#feba83
```
#feba83 rgb(254,186,131)
```
#fec597
```
#fec597 rgb(254,197,151)
```
#fed0aa
```
#fed0aa rgb(254,208,170)
```
#fedbbe
```
#fedbbe rgb(254,219,190)
```
#ffe5d1
```
#ffe5d1 rgb(255,229,209)
```
#fff0e5
```
#fff0e5 rgb(255,240,229)
```
#fffbf8
```
#fffbf8 rgb(255,251,248)
```

Tint Color Variation

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

#645e59
```
#645e59 rgb(100,94,89)
```
#6b5d52
```
#6b5d52 rgb(107,93,82)
```
#725c4b
```
#725c4b rgb(114,92,75)
```
#7a5c43
```
#7a5c43 rgb(122,92,67)
```
#815b3c
```
#815b3c rgb(129,91,60)
```
#885a35
```
#885a35 rgb(136,90,53)
```
#8f592e
```
#8f592e rgb(143,89,46)
```
#975926
```
#975926 rgb(151,89,38)
```
#9e581f
```
#9e581f rgb(158,88,31)
```
#a55718
```
#a55718 rgb(165,87,24)
```
#ac5611
```
#ac5611 rgb(172,86,17)
```
#b45609
```
#b45609 rgb(180,86,9)
```
#bb5502
```
#bb5502 rgb(187,85,2)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7a6655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a16 Protanopia 1% of men
#987400 Deuteranopia 1% of men
#c1575d Tritanopia 0.001% of the population

Trichromacy

#9b6c0f Protanomaly 1% of men, 0.01% of women
#a56800 Deuteranomaly 6% of men, 0.4% of women
#be563b Tritanomaly 0.01% of the population

#bb5502 hex color

#bb5502 Color Information

#bb5502 Color Conversion

Color Schemes with #bb5502

Alternatives to #bb5502

#bb5502 Preview

Shades and Tints of #bb5502

Tones of #bb5502

Color Blindness Simulator