#bb5a02 hex color

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

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

● #bb5a02 color description : Strong orange.

The hexadecimal color #bb5a02 has RGB values of R:187, G:90, B:2 and CMYK values of C:0, M:0.52, Y:0.99, K:0.27. Its decimal value is 12278274.

Hex triplet	bb5a02	`#bb5a02`
RGB Decimal	187, 90, 2	`rgb(187,90,2)`
RGB Percent	73.3, 35.3, 0.8	`rgb(73.3%,35.3%,0.8%)`
CMYK	0, 52, 99, 27
HSL	28.5°, 97.9, 37.1	`hsl(28.5,97.9%,37.1%)`
HSV (or HSB)	28.5°, 98.9, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	49.355, 35.035, 57.904
XYZ	24.162, 17.884, 2.237
xyY	0.546, 0.404, 17.884
CIE-LCH	49.355, 67.678, 58.824
CIE-LUV	49.355, 80.363, 44.745
Hunter-Lab	42.289, 27.978, 26.466
Binary	10111011, 01011010, 00000010

#bb5a02
```
#bb5a02 rgb(187,90,2)
```
#0263bb
```
#0263bb rgb(2,99,187)
```

Complementary Color

#bb0206
```
#bb0206 rgb(187,2,6)
```
#bb5a02
```
#bb5a02 rgb(187,90,2)
```
#bbb702
```
#bbb702 rgb(187,183,2)
```

Analogous Color

#0206bb
```
#0206bb rgb(2,6,187)
```
#bb5a02
```
#bb5a02 rgb(187,90,2)
```
#02bbb7
```
#02bbb7 rgb(2,187,183)
```

Split Complementary Color

#5a02bb
```
#5a02bb rgb(90,2,187)
```
#bb5a02
```
#bb5a02 rgb(187,90,2)
```
#02bb5a
```
#02bb5a rgb(2,187,90)
```

Triadic Color

#bb0263
```
#bb0263 rgb(187,2,99)
```
#bb5a02
```
#bb5a02 rgb(187,90,2)
```
#02bb5a
```
#02bb5a rgb(2,187,90)
```
#0263bb
```
#0263bb rgb(2,99,187)
```

Tetradic Color

#6f3601
```
#6f3601 rgb(111,54,1)
```
#894201
```
#894201 rgb(137,66,1)
```
#a24e02
```
#a24e02 rgb(162,78,2)
```
#bb5a02
```
#bb5a02 rgb(187,90,2)
```
#d46602
```
#d46602 rgb(212,102,2)
```
#ed7203
```
#ed7203 rgb(237,114,3)
```
#fc7f0d
```
#fc7f0d rgb(252,127,13)
```

Monochromatic Color

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

#bb2c02
```
#bb2c02 rgb(187,44,2)
```
#bb3b02
```
#bb3b02 rgb(187,59,2)
```
#bb4b02
```
#bb4b02 rgb(187,75,2)
```
#bb5a02
```
#bb5a02 rgb(187,90,2)
```
#bb6902
```
#bb6902 rgb(187,105,2)
```
#bb7902
```
#bb7902 rgb(187,121,2)
```
#bb8802
```
#bb8802 rgb(187,136,2)
```

Similar Colors

Text with hexadecimal color #bb5a02

This text has a font color of #bb5a02.

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

#bb5a02 background color

This paragraph has a background color of #bb5a02.

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

#bb5a02 border color

This element has a border color of #bb5a02.

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

CSS codes

.text {color:#bb5a02;}

.background {background-color:#bb5a02;}

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

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)
```
#200f00
```
#200f00 rgb(32,15,0)
```
#331901
```
#331901 rgb(51,25,1)
```
#472201
```
#472201 rgb(71,34,1)
```
#5a2b01
```
#5a2b01 rgb(90,43,1)
```
#6d3501
```
#6d3501 rgb(109,53,1)
```
#813e01
```
#813e01 rgb(129,62,1)
```
#944702
```
#944702 rgb(148,71,2)
```
#a85102
```
#a85102 rgb(168,81,2)
```
#bb5a02
```
#bb5a02 rgb(187,90,2)
```
#ce6302
```
#ce6302 rgb(206,99,2)
```
#e26d02
```
#e26d02 rgb(226,109,2)
```
#f57603
```
#f57603 rgb(245,118,3)
```

Shade Color Variation

#fc800f
```
#fc800f rgb(252,128,15)
```
#fd8a22
```
#fd8a22 rgb(253,138,34)
```
#fd9536
```
#fd9536 rgb(253,149,54)
```
#fd9f49
```
#fd9f49 rgb(253,159,73)
```
#fda95d
```
#fda95d rgb(253,169,93)
```
#fdb370
```
#fdb370 rgb(253,179,112)
```
#febe83
```
#febe83 rgb(254,190,131)
```
#fec897
```
#fec897 rgb(254,200,151)
```
#fed2aa
```
#fed2aa rgb(254,210,170)
```
#fedcbe
```
#fedcbe rgb(254,220,190)
```
#ffe7d1
```
#ffe7d1 rgb(255,231,209)
```
#fff1e5
```
#fff1e5 rgb(255,241,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 #bb5a02 is the most saturated one.

#645e59
```
#645e59 rgb(100,94,89)
```
#6b5e52
```
#6b5e52 rgb(107,94,82)
```
#725e4b
```
#725e4b rgb(114,94,75)
```
#7a5d43
```
#7a5d43 rgb(122,93,67)
```
#815d3c
```
#815d3c rgb(129,93,60)
```
#885c35
```
#885c35 rgb(136,92,53)
```
#8f5c2e
```
#8f5c2e rgb(143,92,46)
```
#975c26
```
#975c26 rgb(151,92,38)
```
#9e5b1f
```
#9e5b1f rgb(158,91,31)
```
#a55b18
```
#a55b18 rgb(165,91,24)
```
#ac5b11
```
#ac5b11 rgb(172,91,17)
```
#b45a09
```
#b45a09 rgb(180,90,9)
```
#bb5a02
```
#bb5a02 rgb(187,90,2)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7d6958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7c15 Protanopia 1% of men
#9b7600 Deuteranopia 1% of men
#c15c61 Tritanopia 0.001% of the population

Trichromacy

#9c700e Protanomaly 1% of men, 0.01% of women
#a76c00 Deuteranomaly 6% of men, 0.4% of women
#bf5b3e Tritanomaly 0.01% of the population

#bb5a02 hex color

#bb5a02 Color Information

#bb5a02 Color Conversion

Color Schemes with #bb5a02

Alternatives to #bb5a02

#bb5a02 Preview

Shades and Tints of #bb5a02

Tones of #bb5a02

Color Blindness Simulator