#b4421c hex color

In a RGB color space, hex #b4421c is composed of 70.6% red, 25.9% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.3% magenta, 84.4% yellow and 29.4% black. It has a hue angle of 15 degrees, a saturation of 73.1% and a lightness of 40.8%. #b4421c color hex could be obtained by blending #ff8438 with #690000. Closest websafe color is: #cc3333.

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

● #b4421c color description : Strong orange.

The hexadecimal color #b4421c has RGB values of R:180, G:66, B:28 and CMYK values of C:0, M:0.63, Y:0.84, K:0.29. Its decimal value is 11813404.

Hex triplet	b4421c	`#b4421c`
RGB Decimal	180, 66, 28	`rgb(180,66,28)`
RGB Percent	70.6, 25.9, 11	`rgb(70.6%,25.9%,11%)`
CMYK	0, 63, 84, 29
HSL	15°, 73.1, 40.8	`hsl(15,73.1%,40.8%)`
HSV (or HSB)	15°, 84.4, 70.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.779, 44.513, 45.214
XYZ	20.981, 13.686, 2.635
xyY	0.562, 0.367, 13.686
CIE-LCH	43.779, 63.448, 45.448
CIE-LUV	43.779, 91.37, 32.81
Hunter-Lab	36.994, 36.495, 21.672
Binary	10110100, 01000010, 00011100

#b4421c
```
#b4421c rgb(180,66,28)
```
#1c8eb4
```
#1c8eb4 rgb(28,142,180)
```

Complementary Color

#b41c42
```
#b41c42 rgb(180,28,66)
```
#b4421c
```
#b4421c rgb(180,66,28)
```
#b48e1c
```
#b48e1c rgb(180,142,28)
```

Analogous Color

#1c42b4
```
#1c42b4 rgb(28,66,180)
```
#b4421c
```
#b4421c rgb(180,66,28)
```
#1cb48e
```
#1cb48e rgb(28,180,142)
```

Split Complementary Color

#421cb4
```
#421cb4 rgb(66,28,180)
```
#b4421c
```
#b4421c rgb(180,66,28)
```
#1cb442
```
#1cb442 rgb(28,180,66)
```

Triadic Color

#b41c8e
```
#b41c8e rgb(180,28,142)
```
#b4421c
```
#b4421c rgb(180,66,28)
```
#1cb442
```
#1cb442 rgb(28,180,66)
```
#1c8eb4
```
#1c8eb4 rgb(28,142,180)
```

Tetradic Color

#722a12
```
#722a12 rgb(114,42,18)
```
#883215
```
#883215 rgb(136,50,21)
```
#9e3a19
```
#9e3a19 rgb(158,58,25)
```
#b4421c
```
#b4421c rgb(180,66,28)
```
#ca4a1f
```
#ca4a1f rgb(202,74,31)
```
#dd5426
```
#dd5426 rgb(221,84,38)
```
#e1653c
```
#e1653c rgb(225,101,60)
```

Monochromatic Color

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

#b41c1c
```
#b41c1c rgb(180,28,28)
```
#b4291c
```
#b4291c rgb(180,41,28)
```
#b4351c
```
#b4351c rgb(180,53,28)
```
#b4421c
```
#b4421c rgb(180,66,28)
```
#b44f1c
```
#b44f1c rgb(180,79,28)
```
#b45b1c
```
#b45b1c rgb(180,91,28)
```
#b4681c
```
#b4681c rgb(180,104,28)
```

Similar Colors

Text with hexadecimal color #b4421c

This text has a font color of #b4421c.

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

#b4421c background color

This paragraph has a background color of #b4421c.

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

#b4421c border color

This element has a border color of #b4421c.

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

CSS codes

.text {color:#b4421c;}

.background {background-color:#b4421c;}

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

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

#0a0402
```
#0a0402 rgb(10,4,2)
```
#1b0a04
```
#1b0a04 rgb(27,10,4)
```
#2c1007
```
#2c1007 rgb(44,16,7)
```
#3d160a
```
#3d160a rgb(61,22,10)
```
#4e1d0c
```
#4e1d0c rgb(78,29,12)
```
#5f230f
```
#5f230f rgb(95,35,15)
```
#702911
```
#702911 rgb(112,41,17)
```
#812f14
```
#812f14 rgb(129,47,20)
```
#923617
```
#923617 rgb(146,54,23)
```
#a33c19
```
#a33c19 rgb(163,60,25)
```
#b4421c
```
#b4421c rgb(180,66,28)
```
#c5481f
```
#c5481f rgb(197,72,31)
```
#d64e21
```
#d64e21 rgb(214,78,33)
```

Shade Color Variation

#de592d
```
#de592d rgb(222,89,45)
```
#e1663e
```
#e1663e rgb(225,102,62)
```
#e4744f
```
#e4744f rgb(228,116,79)
```
#e68160
```
#e68160 rgb(230,129,96)
```
#e98f70
```
#e98f70 rgb(233,143,112)
```
#eb9c81
```
#eb9c81 rgb(235,156,129)
```
#eea992
```
#eea992 rgb(238,169,146)
```
#f1b7a3
```
#f1b7a3 rgb(241,183,163)
```
#f3c4b4
```
#f3c4b4 rgb(243,196,180)
```
#f6d2c5
```
#f6d2c5 rgb(246,210,197)
```
#f9dfd6
```
#f9dfd6 rgb(249,223,214)
```
#fbece7
```
#fbece7 rgb(251,236,231)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#6c6664
```
#6c6664 rgb(108,102,100)
```
#74625c
```
#74625c rgb(116,98,92)
```
#7c5e54
```
#7c5e54 rgb(124,94,84)
```
#845a4c
```
#845a4c rgb(132,90,76)
```
#8c5644
```
#8c5644 rgb(140,86,68)
```
#94523c
```
#94523c rgb(148,82,60)
```
#9c4e34
```
#9c4e34 rgb(156,78,52)
```
#a44a2c
```
#a44a2c rgb(164,74,44)
```
#ac4624
```
#ac4624 rgb(172,70,36)
```
#b4421c
```
#b4421c rgb(180,66,28)
```
#bc3e14
```
#bc3e14 rgb(188,62,20)
```
#c43a0c
```
#c43a0c rgb(196,58,12)
```
#cc3604
```
#cc3604 rgb(204,54,4)
```

Tone Color Variation

Below, you can see how #b4421c 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
#715a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f31 Protanopia 1% of men
#8a6a1b Deuteranopia 1% of men
#b9474b Tritanopia 0.001% of the population

Trichromacy

#905e29 Protanomaly 1% of men, 0.01% of women
#995b1b Deuteranomaly 6% of men, 0.4% of women
#b7453a Tritanomaly 0.01% of the population

#b4421c hex color

#b4421c Color Information

#b4421c Color Conversion

Color Schemes with #b4421c

Alternatives to #b4421c

#b4421c Preview

Shades and Tints of #b4421c

Tones of #b4421c

Color Blindness Simulator