#bb421e hex color

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

♥
- f
- t
- g
- R 73
- G 26
- B 12
RGB color chart
- C 0
- M 65
- Y 84
- K 27
CMYK color chart

● #bb421e color description : Strong red.

The hexadecimal color #bb421e has RGB values of R:187, G:66, B:30 and CMYK values of C:0, M:0.65, Y:0.84, K:0.27. Its decimal value is 12272158.

Hex triplet	bb421e	`#bb421e`
RGB Decimal	187, 66, 30	`rgb(187,66,30)`
RGB Percent	73.3, 25.9, 11.8	`rgb(73.3%,25.9%,11.8%)`
CMYK	0, 65, 84, 27
HSL	13.8°, 72.4, 42.5	`hsl(13.8,72.4%,42.5%)`
HSV (or HSB)	13.8°, 84, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.022, 47.087, 45.87
XYZ	22.677, 14.557, 2.844
xyY	0.566, 0.363, 14.557
CIE-LCH	45.022, 65.736, 44.25
CIE-LUV	45.022, 96.933, 33.147
Hunter-Lab	38.154, 39.322, 22.289
Binary	10111011, 01000010, 00011110

#bb421e
```
#bb421e rgb(187,66,30)
```
#1e97bb
```
#1e97bb rgb(30,151,187)
```

Complementary Color

#bb1e48
```
#bb1e48 rgb(187,30,72)
```
#bb421e
```
#bb421e rgb(187,66,30)
```
#bb911e
```
#bb911e rgb(187,145,30)
```

Analogous Color

#1e49bb
```
#1e49bb rgb(30,73,187)
```
#bb421e
```
#bb421e rgb(187,66,30)
```
#1ebb91
```
#1ebb91 rgb(30,187,145)
```

Split Complementary Color

#421ebb
```
#421ebb rgb(66,30,187)
```
#bb421e
```
#bb421e rgb(187,66,30)
```
#1ebb42
```
#1ebb42 rgb(30,187,66)
```

Triadic Color

#bb1e97
```
#bb1e97 rgb(187,30,151)
```
#bb421e
```
#bb421e rgb(187,66,30)
```
#1ebb42
```
#1ebb42 rgb(30,187,66)
```
#1e97bb
```
#1e97bb rgb(30,151,187)
```

Tetradic Color

#792b13
```
#792b13 rgb(121,43,19)
```
#8f3217
```
#8f3217 rgb(143,50,23)
```
#a53a1a
```
#a53a1a rgb(165,58,26)
```
#bb421e
```
#bb421e rgb(187,66,30)
```
#d14a22
```
#d14a22 rgb(209,74,34)
```
#de572e
```
#de572e rgb(222,87,46)
```
#e16844
```
#e16844 rgb(225,104,68)
```

Monochromatic Color

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

#bb1e21
```
#bb1e21 rgb(187,30,33)
```
#bb281e
```
#bb281e rgb(187,40,30)
```
#bb351e
```
#bb351e rgb(187,53,30)
```
#bb421e
```
#bb421e rgb(187,66,30)
```
#bb4f1e
```
#bb4f1e rgb(187,79,30)
```
#bb5c1e
```
#bb5c1e rgb(187,92,30)
```
#bb691e
```
#bb691e rgb(187,105,30)
```

Similar Colors

Text with hexadecimal color #bb421e

This text has a font color of #bb421e.

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

#bb421e background color

This paragraph has a background color of #bb421e.

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

#bb421e border color

This element has a border color of #bb421e.

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

CSS codes

.text {color:#bb421e;}

.background {background-color:#bb421e;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120603
```
#120603 rgb(18,6,3)
```
#230c06
```
#230c06 rgb(35,12,6)
```
#341208
```
#341208 rgb(52,18,8)
```
#45180b
```
#45180b rgb(69,24,11)
```
#561e0e
```
#561e0e rgb(86,30,14)
```
#662410
```
#662410 rgb(102,36,16)
```
#772a13
```
#772a13 rgb(119,42,19)
```
#883016
```
#883016 rgb(136,48,22)
```
#993619
```
#993619 rgb(153,54,25)
```
#aa3c1b
```
#aa3c1b rgb(170,60,27)
```
#bb421e
```
#bb421e rgb(187,66,30)
```
#cc4821
```
#cc4821 rgb(204,72,33)
```

Shade Color Variation

#dc4e24
```
#dc4e24 rgb(220,78,36)
```
#df5c35
```
#df5c35 rgb(223,92,53)
```
#e16a46
```
#e16a46 rgb(225,106,70)
```
#e47757
```
#e47757 rgb(228,119,87)
```
#e78568
```
#e78568 rgb(231,133,104)
```
#e99379
```
#e99379 rgb(233,147,121)
```
#eca08a
```
#eca08a rgb(236,160,138)
```
#efae9b
```
#efae9b rgb(239,174,155)
```
#f2bcac
```
#f2bcac rgb(242,188,172)
```
#f4c9bc
```
#f4c9bc rgb(244,201,188)
```
#f7d7cd
```
#f7d7cd rgb(247,215,205)
```
#fae5de
```
#fae5de rgb(250,229,222)
```
#fcf2ef
```
#fcf2ef rgb(252,242,239)
```

Tint Color Variation

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

#706b69
```
#706b69 rgb(112,107,105)
```
#786661
```
#786661 rgb(120,102,97)
```
#816258
```
#816258 rgb(129,98,88)
```
#895d50
```
#895d50 rgb(137,93,80)
```
#915948
```
#915948 rgb(145,89,72)
```
#9a543f
```
#9a543f rgb(154,84,63)
```
#a25037
```
#a25037 rgb(162,80,55)
```
#aa4b2f
```
#aa4b2f rgb(170,75,47)
```
#b34726
```
#b34726 rgb(179,71,38)
```
#bb421e
```
#bb421e rgb(187,66,30)
```
#c33d16
```
#c33d16 rgb(195,61,22)
```
#cc390d
```
#cc390d rgb(204,57,13)
```
#d43405
```
#d43405 rgb(212,52,5)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#745c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7233 Protanopia 1% of men
#8e6c1d Deuteranopia 1% of men
#bf484b Tritanopia 0.001% of the population

Trichromacy

#94602b Protanomaly 1% of men, 0.01% of women
#9e5d1d Deuteranomaly 6% of men, 0.4% of women
#bd453b Tritanomaly 0.01% of the population

#bb421e hex color

#bb421e Color Information

#bb421e Color Conversion

Color Schemes with #bb421e

Alternatives to #bb421e

#bb421e Preview

Shades and Tints of #bb421e

Tones of #bb421e

Color Blindness Simulator