#bb3502 Color Information
In a RGB color space, hex #bb3502 is composed of 73.3% red, 20.8% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.7% magenta, 98.9% yellow and 26.7% black. It has a hue angle of 16.5 degrees, a saturation of 97.9% and a lightness of 37.1%. #bb3502 color hex could be obtained by blending #ff6a04 with #770000. Closest websafe color is: #cc3300.
-
- R 73
- G 21
- B 1
-
- C 0
- M 72
- Y 99
- K 27
● #bb3502 color description : Strong orange.
#bb3502 Color Conversion
The hexadecimal color #bb3502 has RGB values of R:187, G:53, B:2 and CMYK values of C:0, M:0.72, Y:0.99, K:0.27. Its decimal value is 12268802.
| Hex triplet | bb3502 | #bb3502 |
|---|---|---|
| RGB Decimal | 187, 53, 2 | rgb(187,53,2) |
| RGB Percent | 73.3, 20.8, 0.8 | rgb(73.3%,20.8%,0.8%) |
| CMYK | 0, 72, 99, 27 | |
| HSL | 16.5°, 97.9, 37.1 | hsl(16.5,97.9%,37.1%) |
| HSV (or HSB) | 16.5°, 98.9, 73.3 | |
| Web Safe | cc3300 | #cc3300 |
| CIE-LAB | 42.941, 51.908, 54.295 |
|---|---|
| XYZ | 21.779, 13.118, 1.443 |
| xyY | 0.599, 0.361, 13.118 |
| CIE-LCH | 42.941, 75.116, 46.287 |
| CIE-LUV | 42.941, 107.752, 34.265 |
| Hunter-Lab | 36.219, 43.951, 22.991 |
| Binary | 10111011, 00110101, 00000010 |
Color Schemes with #bb3502
Alternatives to #bb3502
Below, you can see some colors close to #bb3502. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb3502 Preview
This text has a font color of #bb3502.
<span style="color:#bb3502;">Text here</span>
This paragraph has a background color of #bb3502.
<p style="background-color:#bb3502;">Content here</p>
This element has a border color of #bb3502.
<div style="border:1px solid #bb3502;">Content here</div>
.text {color:#bb3502;}
.background {background-color:#bb3502;}
.border {border:1px solid #bb3502;}
Shades and Tints of #bb3502
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, #0c0300 is the darkest color, while #fffaf8 is the lightest one.
-
#0c0300
#0c0300rgb(12,3,0) -
#200900
#200900rgb(32,9,0) -
#330e01
#330e01rgb(51,14,1) -
#471401
#471401rgb(71,20,1) -
#5a1901
#5a1901rgb(90,25,1) -
#6d1f01
#6d1f01rgb(109,31,1) -
#812401
#812401rgb(129,36,1) -
#942a02
#942a02rgb(148,42,2) -
#a82f02
#a82f02rgb(168,47,2) -
#bb3502
#bb3502rgb(187,53,2) -
#ce3b02
#ce3b02rgb(206,59,2) -
#e24002
#e24002rgb(226,64,2) -
#f54603
#f54603rgb(245,70,3)
-
#fc500f
#fc500frgb(252,80,15) -
#fd5f22
#fd5f22rgb(253,95,34) -
#fd6d36
#fd6d36rgb(253,109,54) -
#fd7b49
#fd7b49rgb(253,123,73) -
#fd895d
#fd895drgb(253,137,93) -
#fd9770
#fd9770rgb(253,151,112) -
#fea583
#fea583rgb(254,165,131) -
#feb397
#feb397rgb(254,179,151) -
#fec1aa
#fec1aargb(254,193,170) -
#fed0be
#fed0bergb(254,208,190) -
#ffded1
#ffded1rgb(255,222,209) -
#ffece5
#ffece5rgb(255,236,229) -
#fffaf8
#fffaf8rgb(255,250,248)
Tones of #bb3502
A tone is produced by adding gray to any pure hue. In this case, #645c59 is the less saturated color, while #bb3502 is the most saturated one.
-
#645c59
#645c59rgb(100,92,89) -
#6b5952
#6b5952rgb(107,89,82) -
#72564b
#72564brgb(114,86,75) -
#7a5243
#7a5243rgb(122,82,67) -
#814f3c
#814f3crgb(129,79,60) -
#884c35
#884c35rgb(136,76,53) -
#8f492e
#8f492ergb(143,73,46) -
#974526
#974526rgb(151,69,38) -
#9e421f
#9e421frgb(158,66,31) -
#a53f18
#a53f18rgb(165,63,24) -
#ac3c11
#ac3c11rgb(172,60,17) -
#b43809
#b43809rgb(180,56,9) -
#bb3502
#bb3502rgb(187,53,2)
Color Blindness Simulator
Below, you can see how #bb3502 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.
