colorhexa.com

#bb400c hex color

In a RGB color space, hex #bb400c is composed of 73.3% red, 25.1% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.8% magenta, 93.6% yellow and 26.7% black. It has a hue angle of 17.8 degrees, a saturation of 87.9% and a lightness of 39%. #bb400c color hex could be obtained by blending #ff8018 with #770000. Closest websafe color is: #cc3300.

- R 73
- G 25
- B 5
RGB color chart
- C 0
- M 66
- Y 94
- K 27
CMYK color chart

● #bb400c color description : Strong orange.

The hexadecimal color #bb400c has RGB values of R:187, G:64, B:12 and CMYK values of C:0, M:0.66, Y:0.94, K:0.27. Its decimal value is 12271628.

Hex triplet	bb400c	`#bb400c`
RGB Decimal	187, 64, 12	`rgb(187,64,12)`
RGB Percent	73.3, 25.1, 4.7	`rgb(73.3%,25.1%,4.7%)`
CMYK	0, 66, 94, 27
HSL	17.8°, 87.9, 39	`hsl(17.8,87.9%,39%)`
HSV (or HSB)	17.8°, 93.6, 73.3
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.605, 47.592, 52.423
XYZ	22.394, 14.261, 1.921
xyY	0.581, 0.37, 14.261
CIE-LCH	44.605, 70.804, 47.765
CIE-LUV	44.605, 99.857, 35.876
Hunter-Lab	37.763, 39.768, 23.418
Binary	10111011, 01000000, 00001100

#bb400c
```
#bb400c rgb(187,64,12)
```
#0c87bb
```
#0c87bb rgb(12,135,187)
```

Complementary Color

#bb0c30
```
#bb0c30 rgb(187,12,48)
```
#bb400c
```
#bb400c rgb(187,64,12)
```
#bb980c
```
#bb980c rgb(187,152,12)
```

Analogous Color

#0c30bb
```
#0c30bb rgb(12,48,187)
```
#bb400c
```
#bb400c rgb(187,64,12)
```
#0cbb98
```
#0cbb98 rgb(12,187,152)
```

Split Complementary Color

#400cbb
```
#400cbb rgb(64,12,187)
```
#bb400c
```
#bb400c rgb(187,64,12)
```
#0cbb40
```
#0cbb40 rgb(12,187,64)
```

Triadic Color

#bb0c87
```
#bb0c87 rgb(187,12,135)
```
#bb400c
```
#bb400c rgb(187,64,12)
```
#0cbb40
```
#0cbb40 rgb(12,187,64)
```
#0c87bb
```
#0c87bb rgb(12,135,187)
```

Tetradic Color

#732707
```
#732707 rgb(115,39,7)
```
#8b3009
```
#8b3009 rgb(139,48,9)
```
#a3380a
```
#a3380a rgb(163,56,10)
```
#bb400c
```
#bb400c rgb(187,64,12)
```
#d3480e
```
#d3480e rgb(211,72,14)
```
#eb500f
```
#eb500f rgb(235,80,15)
```
#f16023
```
#f16023 rgb(241,96,35)
```

Monochromatic Color

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

#bb140c
```
#bb140c rgb(187,20,12)
```
#bb230c
```
#bb230c rgb(187,35,12)
```
#bb310c
```
#bb310c rgb(187,49,12)
```
#bb400c
```
#bb400c rgb(187,64,12)
```
#bb4f0c
```
#bb4f0c rgb(187,79,12)
```
#bb5d0c
```
#bb5d0c rgb(187,93,12)
```
#bb6c0c
```
#bb6c0c rgb(187,108,12)
```

Similar Colors

Text with hexadecimal color #bb400c

This text has a font color of #bb400c.

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

#bb400c background color

This paragraph has a background color of #bb400c.

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

#bb400c border color

This element has a border color of #bb400c.

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

CSS codes

.text {color:#bb400c;}

.background {background-color:#bb400c;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150701
```
#150701 rgb(21,7,1)
```
#280e03
```
#280e03 rgb(40,14,3)
```
#3a1404
```
#3a1404 rgb(58,20,4)
```
#4c1a05
```
#4c1a05 rgb(76,26,5)
```
#5f2006
```
#5f2006 rgb(95,32,6)
```
#712707
```
#712707 rgb(113,39,7)
```
#842d08
```
#842d08 rgb(132,45,8)
```
#96330a
```
#96330a rgb(150,51,10)
```
#a93a0b
```
#a93a0b rgb(169,58,11)
```
#bb400c
```
#bb400c rgb(187,64,12)
```
#cd460d
```
#cd460d rgb(205,70,13)
```
#e04d0e
```
#e04d0e rgb(224,77,14)
```

Shade Color Variation

#f05412
```
#f05412 rgb(240,84,18)
```
#f16124
```
#f16124 rgb(241,97,36)
```
#f26f37
```
#f26f37 rgb(242,111,55)
```
#f37c49
```
#f37c49 rgb(243,124,73)
```
#f5895c
```
#f5895c rgb(245,137,92)
```
#f6966e
```
#f6966e rgb(246,150,110)
```
#f7a481
```
#f7a481 rgb(247,164,129)
```
#f8b193
```
#f8b193 rgb(248,177,147)
```
#f9bea6
```
#f9bea6 rgb(249,190,166)
```
#faccb8
```
#faccb8 rgb(250,204,184)
```
#fcd9ca
```
#fcd9ca rgb(252,217,202)
```
#fde6dd
```
#fde6dd rgb(253,230,221)
```
#fef4ef
```
#fef4ef rgb(254,244,239)
```

Tint Color Variation

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

#676260
```
#676260 rgb(103,98,96)
```
#6e5f59
```
#6e5f59 rgb(110,95,89)
```
#765c51
```
#765c51 rgb(118,92,81)
```
#7e5949
```
#7e5949 rgb(126,89,73)
```
#855642
```
#855642 rgb(133,86,66)
```
#8d533a
```
#8d533a rgb(141,83,58)
```
#955032
```
#955032 rgb(149,80,50)
```
#9c4c2b
```
#9c4c2b rgb(156,76,43)
```
#a44923
```
#a44923 rgb(164,73,35)
```
#ac461b
```
#ac461b rgb(172,70,27)
```
#b34314
```
#b34314 rgb(179,67,20)
```
#bb400c
```
#bb400c rgb(187,64,12)
```
#c33d04
```
#c33d04 rgb(195,61,4)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#71594e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7122 Protanopia 1% of men
#8d6b00 Deuteranopia 1% of men
#bf4549 Tritanopia 0.001% of the population

Trichromacy

#945f1a Protanomaly 1% of men, 0.01% of women
#9e5b04 Deuteranomaly 6% of men, 0.4% of women
#be4332 Tritanomaly 0.01% of the population