#b4421f hex color

In a RGB color space, hex #b4421f is composed of 70.6% red, 25.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.3% magenta, 82.8% yellow and 29.4% black. It has a hue angle of 14.1 degrees, a saturation of 70.6% and a lightness of 41.4%. #b4421f color hex could be obtained by blending #ff843e with #690000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 71
- G 26
- B 12
RGB color chart
- C 0
- M 63
- Y 83
- K 29
CMYK color chart

● #b4421f color description : Strong red.

The hexadecimal color #b4421f has RGB values of R:180, G:66, B:31 and CMYK values of C:0, M:0.63, Y:0.83, K:0.29. Its decimal value is 11813407.

Hex triplet	b4421f	`#b4421f`
RGB Decimal	180, 66, 31	`rgb(180,66,31)`
RGB Percent	70.6, 25.9, 12.2	`rgb(70.6%,25.9%,12.2%)`
CMYK	0, 63, 83, 29
HSL	14.1°, 70.6, 41.4	`hsl(14.1,70.6%,41.4%)`
HSV (or HSB)	14.1°, 82.8, 70.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.801, 44.599, 43.834
XYZ	21.019, 13.701, 2.834
xyY	0.56, 0.365, 13.701
CIE-LCH	43.801, 62.534, 44.504
CIE-LUV	43.801, 91.034, 32.059
Hunter-Lab	37.015, 36.585, 21.371
Binary	10110100, 01000010, 00011111

#b4421f
```
#b4421f rgb(180,66,31)
```
#1f91b4
```
#1f91b4 rgb(31,145,180)
```

Complementary Color

#b41f47
```
#b41f47 rgb(180,31,71)
```
#b4421f
```
#b4421f rgb(180,66,31)
```
#b48d1f
```
#b48d1f rgb(180,141,31)
```

Analogous Color

#1f47b4
```
#1f47b4 rgb(31,71,180)
```
#b4421f
```
#b4421f rgb(180,66,31)
```
#1fb48d
```
#1fb48d rgb(31,180,141)
```

Split Complementary Color

#421fb4
```
#421fb4 rgb(66,31,180)
```
#b4421f
```
#b4421f rgb(180,66,31)
```
#1fb442
```
#1fb442 rgb(31,180,66)
```

Triadic Color

#b41f91
```
#b41f91 rgb(180,31,145)
```
#b4421f
```
#b4421f rgb(180,66,31)
```
#1fb442
```
#1fb442 rgb(31,180,66)
```
#1f91b4
```
#1f91b4 rgb(31,145,180)
```

Tetradic Color

#732a14
```
#732a14 rgb(115,42,20)
```
#883218
```
#883218 rgb(136,50,24)
```
#9e3a1b
```
#9e3a1b rgb(158,58,27)
```
#b4421f
```
#b4421f rgb(180,66,31)
```
#ca4a23
```
#ca4a23 rgb(202,74,35)
```
#db552b
```
#db552b rgb(219,85,43)
```
#de6641
```
#de6641 rgb(222,102,65)
```

Monochromatic Color

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

#b41f21
```
#b41f21 rgb(180,31,33)
```
#b4291f
```
#b4291f rgb(180,41,31)
```
#b4361f
```
#b4361f rgb(180,54,31)
```
#b4421f
```
#b4421f rgb(180,66,31)
```
#b44e1f
```
#b44e1f rgb(180,78,31)
```
#b45b1f
```
#b45b1f rgb(180,91,31)
```
#b4671f
```
#b4671f rgb(180,103,31)
```

Similar Colors

Text with hexadecimal color #b4421f

This text has a font color of #b4421f.

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

#b4421f background color

This paragraph has a background color of #b4421f.

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

#b4421f border color

This element has a border color of #b4421f.

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

CSS codes

.text {color:#b4421f;}

.background {background-color:#b4421f;}

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

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

#0d0502
```
#0d0502 rgb(13,5,2)
```
#1d0b05
```
#1d0b05 rgb(29,11,5)
```
#2e1108
```
#2e1108 rgb(46,17,8)
```
#3f170b
```
#3f170b rgb(63,23,11)
```
#501d0e
```
#501d0e rgb(80,29,14)
```
#602311
```
#602311 rgb(96,35,17)
```
#712913
```
#712913 rgb(113,41,19)
```
#823016
```
#823016 rgb(130,48,22)
```
#933619
```
#933619 rgb(147,54,25)
```
#a33c1c
```
#a33c1c rgb(163,60,28)
```
#b4421f
```
#b4421f rgb(180,66,31)
```
#c54822
```
#c54822 rgb(197,72,34)
```
#d54e25
```
#d54e25 rgb(213,78,37)
```

Shade Color Variation

#dc5a32
```
#dc5a32 rgb(220,90,50)
```
#df6743
```
#df6743 rgb(223,103,67)
```
#e17554
```
#e17554 rgb(225,117,84)
```
#e48264
```
#e48264 rgb(228,130,100)
```
#e79075
```
#e79075 rgb(231,144,117)
```
#ea9d86
```
#ea9d86 rgb(234,157,134)
```
#edab97
```
#edab97 rgb(237,171,151)
```
#f0b8a7
```
#f0b8a7 rgb(240,184,167)
```
#f3c6b8
```
#f3c6b8 rgb(243,198,184)
```
#f6d3c9
```
#f6d3c9 rgb(246,211,201)
```
#f9e1d9
```
#f9e1d9 rgb(249,225,217)
```
#fbeeea
```
#fbeeea rgb(251,238,234)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#6b6968
```
#6b6968 rgb(107,105,104)
```
#736460
```
#736460 rgb(115,100,96)
```
#7b6058
```
#7b6058 rgb(123,96,88)
```
#835c50
```
#835c50 rgb(131,92,80)
```
#8b5848
```
#8b5848 rgb(139,88,72)
```
#94533f
```
#94533f rgb(148,83,63)
```
#9c4f37
```
#9c4f37 rgb(156,79,55)
```
#a44b2f
```
#a44b2f rgb(164,75,47)
```
#ac4627
```
#ac4627 rgb(172,70,39)
```
#b4421f
```
#b4421f rgb(180,66,31)
```
#bc3e17
```
#bc3e17 rgb(188,62,23)
```
#c4390f
```
#c4390f rgb(196,57,15)
```
#cc3507
```
#cc3507 rgb(204,53,7)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#715a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f34 Protanopia 1% of men
#8a6a1f Deuteranopia 1% of men
#b9484b Tritanopia 0.001% of the population

Trichromacy

#8f5e2c Protanomaly 1% of men, 0.01% of women
#995b1f Deuteranomaly 6% of men, 0.4% of women
#b7453b Tritanomaly 0.01% of the population

#b4421f hex color

#b4421f Color Information

#b4421f Color Conversion

Color Schemes with #b4421f

Alternatives to #b4421f

#b4421f Preview

Shades and Tints of #b4421f

Tones of #b4421f

Color Blindness Simulator