#b4481e hex color

In a RGB color space, hex #b4481e is composed of 70.6% red, 28.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 83.3% yellow and 29.4% black. It has a hue angle of 16.8 degrees, a saturation of 71.4% and a lightness of 41.2%. #b4481e color hex could be obtained by blending #ff903c with #690000. Closest websafe color is: #cc3333.

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

● #b4481e color description : Strong orange.

The hexadecimal color #b4481e has RGB values of R:180, G:72, B:30 and CMYK values of C:0, M:0.6, Y:0.83, K:0.29. Its decimal value is 11814942.

Hex triplet	b4481e	`#b4481e`
RGB Decimal	180, 72, 30	`rgb(180,72,30)`
RGB Percent	70.6, 28.2, 11.8	`rgb(70.6%,28.2%,11.8%)`
CMYK	0, 60, 83, 29
HSL	16.8°, 71.4, 41.2	`hsl(16.8,71.4%,41.2%)`
HSV (or HSB)	16.8°, 83.3, 70.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.849, 41.78, 45.262
XYZ	21.375, 14.434, 2.889
xyY	0.552, 0.373, 14.434
CIE-LCH	44.849, 61.597, 47.291
CIE-LUV	44.849, 86.84, 34.141
Hunter-Lab	37.992, 33.941, 22.086
Binary	10110100, 01001000, 00011110

#b4481e
```
#b4481e rgb(180,72,30)
```
#1e8ab4
```
#1e8ab4 rgb(30,138,180)
```

Complementary Color

#b41e3f
```
#b41e3f rgb(180,30,63)
```
#b4481e
```
#b4481e rgb(180,72,30)
```
#b4931e
```
#b4931e rgb(180,147,30)
```

Analogous Color

#1e3fb4
```
#1e3fb4 rgb(30,63,180)
```
#b4481e
```
#b4481e rgb(180,72,30)
```
#1eb493
```
#1eb493 rgb(30,180,147)
```

Split Complementary Color

#481eb4
```
#481eb4 rgb(72,30,180)
```
#b4481e
```
#b4481e rgb(180,72,30)
```
#1eb448
```
#1eb448 rgb(30,180,72)
```

Triadic Color

#b41e8a
```
#b41e8a rgb(180,30,138)
```
#b4481e
```
#b4481e rgb(180,72,30)
```
#1eb448
```
#1eb448 rgb(30,180,72)
```
#1e8ab4
```
#1e8ab4 rgb(30,138,180)
```

Tetradic Color

#722e13
```
#722e13 rgb(114,46,19)
```
#883717
```
#883717 rgb(136,55,23)
```
#9e3f1a
```
#9e3f1a rgb(158,63,26)
```
#b4481e
```
#b4481e rgb(180,72,30)
```
#ca5122
```
#ca5122 rgb(202,81,34)
```
#db5b2a
```
#db5b2a rgb(219,91,42)
```
#df6c3f
```
#df6c3f rgb(223,108,63)
```

Monochromatic Color

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

#b4231e
```
#b4231e rgb(180,35,30)
```
#b42f1e
```
#b42f1e rgb(180,47,30)
```
#b43c1e
```
#b43c1e rgb(180,60,30)
```
#b4481e
```
#b4481e rgb(180,72,30)
```
#b4551e
```
#b4551e rgb(180,85,30)
```
#b4611e
```
#b4611e rgb(180,97,30)
```
#b46e1e
```
#b46e1e rgb(180,110,30)
```

Similar Colors

Text with hexadecimal color #b4481e

This text has a font color of #b4481e.

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

#b4481e background color

This paragraph has a background color of #b4481e.

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

#b4481e border color

This element has a border color of #b4481e.

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

CSS codes

.text {color:#b4481e;}

.background {background-color:#b4481e;}

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

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

#0c0502
```
#0c0502 rgb(12,5,2)
```
#1d0b05
```
#1d0b05 rgb(29,11,5)
```
#2d1208
```
#2d1208 rgb(45,18,8)
```
#3e190a
```
#3e190a rgb(62,25,10)
```
#4f200d
```
#4f200d rgb(79,32,13)
```
#602610
```
#602610 rgb(96,38,16)
```
#712d13
```
#712d13 rgb(113,45,19)
```
#823416
```
#823416 rgb(130,52,22)
```
#923b18
```
#923b18 rgb(146,59,24)
```
#a3411b
```
#a3411b rgb(163,65,27)
```
#b4481e
```
#b4481e rgb(180,72,30)
```
#c54f21
```
#c54f21 rgb(197,79,33)
```
#d65524
```
#d65524 rgb(214,85,36)
```

Shade Color Variation

#dd6130
```
#dd6130 rgb(221,97,48)
```
#df6d41
```
#df6d41 rgb(223,109,65)
```
#e27a52
```
#e27a52 rgb(226,122,82)
```
#e58763
```
#e58763 rgb(229,135,99)
```
#e89474
```
#e89474 rgb(232,148,116)
```
#eba184
```
#eba184 rgb(235,161,132)
```
#edae95
```
#edae95 rgb(237,174,149)
```
#f0bba6
```
#f0bba6 rgb(240,187,166)
```
#f3c8b7
```
#f3c8b7 rgb(243,200,183)
```
#f6d5c8
```
#f6d5c8 rgb(246,213,200)
```
#f9e1d8
```
#f9e1d8 rgb(249,225,216)
```
#fbeee9
```
#fbeee9 rgb(251,238,233)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#6b6867
```
#6b6867 rgb(107,104,103)
```
#73645f
```
#73645f rgb(115,100,95)
```
#7b6157
```
#7b6157 rgb(123,97,87)
```
#845d4e
```
#845d4e rgb(132,93,78)
```
#8c5a46
```
#8c5a46 rgb(140,90,70)
```
#94563e
```
#94563e rgb(148,86,62)
```
#9c5336
```
#9c5336 rgb(156,83,54)
```
#a44f2e
```
#a44f2e rgb(164,79,46)
```
#ac4c26
```
#ac4c26 rgb(172,76,38)
```
#b4481e
```
#b4481e rgb(180,72,30)
```
#bc4416
```
#bc4416 rgb(188,68,22)
```
#c4410e
```
#c4410e rgb(196,65,14)
```
#cc3d06
```
#cc3d06 rgb(204,61,6)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#745e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7132 Protanopia 1% of men
#8d6c1f Deuteranopia 1% of men
#b94d51 Tritanopia 0.001% of the population

Trichromacy

#91622a Protanomaly 1% of men, 0.01% of women
#9b5f1e Deuteranomaly 6% of men, 0.4% of women
#b74b3e Tritanomaly 0.01% of the population

#b4481e hex color

#b4481e Color Information

#b4481e Color Conversion

Color Schemes with #b4481e

Alternatives to #b4481e

#b4481e Preview

Shades and Tints of #b4481e

Tones of #b4481e

Color Blindness Simulator