#b4552d hex color

In a RGB color space, hex #b4552d is composed of 70.6% red, 33.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.8% magenta, 75% yellow and 29.4% black. It has a hue angle of 17.8 degrees, a saturation of 60% and a lightness of 44.1%. #b4552d color hex could be obtained by blending #ffaa5a with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 33
- B 18
RGB color chart
- C 0
- M 53
- Y 75
- K 29
CMYK color chart

● #b4552d color description : Strong orange.

The hexadecimal color #b4552d has RGB values of R:180, G:85, B:45 and CMYK values of C:0, M:0.53, Y:0.75, K:0.29. Its decimal value is 11818285.

Hex triplet	b4552d	`#b4552d`
RGB Decimal	180, 85, 45	`rgb(180,85,45)`
RGB Percent	70.6, 33.3, 17.6	`rgb(70.6%,33.3%,17.6%)`
CMYK	0, 53, 75, 29
HSL	17.8°, 60, 44.1	`hsl(17.8,60%,44.1%)`
HSV (or HSB)	17.8°, 75, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.485, 35.871, 40.517
XYZ	22.545, 16.392, 4.459
xyY	0.52, 0.378, 16.392
CIE-LCH	47.485, 54.115, 48.481
CIE-LUV	47.485, 75.42, 34.061
Hunter-Lab	40.487, 28.547, 21.811
Binary	10110100, 01010101, 00101101

#b4552d
```
#b4552d rgb(180,85,45)
```
#2d8cb4
```
#2d8cb4 rgb(45,140,180)
```

Complementary Color

#b42d48
```
#b42d48 rgb(180,45,72)
```
#b4552d
```
#b4552d rgb(180,85,45)
```
#b4992d
```
#b4992d rgb(180,153,45)
```

Analogous Color

#2d48b4
```
#2d48b4 rgb(45,72,180)
```
#b4552d
```
#b4552d rgb(180,85,45)
```
#2db499
```
#2db499 rgb(45,180,153)
```

Split Complementary Color

#552db4
```
#552db4 rgb(85,45,180)
```
#b4552d
```
#b4552d rgb(180,85,45)
```
#2db455
```
#2db455 rgb(45,180,85)
```

Triadic Color

#b42d8c
```
#b42d8c rgb(180,45,140)
```
#b4552d
```
#b4552d rgb(180,85,45)
```
#2db455
```
#2db455 rgb(45,180,85)
```
#2d8cb4
```
#2d8cb4 rgb(45,140,180)
```

Tetradic Color

#77381e
```
#77381e rgb(119,56,30)
```
#8b4223
```
#8b4223 rgb(139,66,35)
```
#a04b28
```
#a04b28 rgb(160,75,40)
```
#b4552d
```
#b4552d rgb(180,85,45)
```
#c85f32
```
#c85f32 rgb(200,95,50)
```
#d06d44
```
#d06d44 rgb(208,109,68)
```
#d57d58
```
#d57d58 rgb(213,125,88)
```

Monochromatic Color

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

#b4332d
```
#b4332d rgb(180,51,45)
```
#b43f2d
```
#b43f2d rgb(180,63,45)
```
#b44a2d
```
#b44a2d rgb(180,74,45)
```
#b4552d
```
#b4552d rgb(180,85,45)
```
#b4602d
```
#b4602d rgb(180,96,45)
```
#b46c2d
```
#b46c2d rgb(180,108,45)
```
#b4772d
```
#b4772d rgb(180,119,45)
```

Similar Colors

Text with hexadecimal color #b4552d

This text has a font color of #b4552d.

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

#b4552d background color

This paragraph has a background color of #b4552d.

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

#b4552d border color

This element has a border color of #b4552d.

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

CSS codes

.text {color:#b4552d;}

.background {background-color:#b4552d;}

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

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

#070302
```
#070302 rgb(7,3,2)
```
#170b06
```
#170b06 rgb(23,11,6)
```
#27120a
```
#27120a rgb(39,18,10)
```
#361a0e
```
#361a0e rgb(54,26,14)
```
#462112
```
#462112 rgb(70,33,18)
```
#562915
```
#562915 rgb(86,41,21)
```
#663019
```
#663019 rgb(102,48,25)
```
#75371d
```
#75371d rgb(117,55,29)
```
#853f21
```
#853f21 rgb(133,63,33)
```
#954625
```
#954625 rgb(149,70,37)
```
#a44e29
```
#a44e29 rgb(164,78,41)
```
#b4552d
```
#b4552d rgb(180,85,45)
```
#c45c31
```
#c45c31 rgb(196,92,49)
```

Shade Color Variation

#ce663a
```
#ce663a rgb(206,102,58)
```
#d2724a
```
#d2724a rgb(210,114,74)
```
#d67e5a
```
#d67e5a rgb(214,126,90)
```
#da8b69
```
#da8b69 rgb(218,139,105)
```
#de9779
```
#de9779 rgb(222,151,121)
```
#e1a389
```
#e1a389 rgb(225,163,137)
```
#e5af99
```
#e5af99 rgb(229,175,153)
```
#e9bca8
```
#e9bca8 rgb(233,188,168)
```
#edc8b8
```
#edc8b8 rgb(237,200,184)
```
#f1d4c8
```
#f1d4c8 rgb(241,212,200)
```
#f5e0d7
```
#f5e0d7 rgb(245,224,215)
```
#f9ece7
```
#f9ece7 rgb(249,236,231)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#776e6a
```
#776e6a rgb(119,110,106)
```
#806a61
```
#806a61 rgb(128,106,97)
```
#896758
```
#896758 rgb(137,103,88)
```
#916350
```
#916350 rgb(145,99,80)
```
#9a6047
```
#9a6047 rgb(154,96,71)
```
#a35c3e
```
#a35c3e rgb(163,92,62)
```
#ab5936
```
#ab5936 rgb(171,89,54)
```
#b4552d
```
#b4552d rgb(180,85,45)
```
#bd5124
```
#bd5124 rgb(189,81,36)
```
#c54e1c
```
#c54e1c rgb(197,78,28)
```
#ce4a13
```
#ce4a13 rgb(206,74,19)
```
#d7470a
```
#d7470a rgb(215,71,10)
```
#df4302
```
#df4302 rgb(223,67,2)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7b6860 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84783f Protanopia 1% of men
#947231 Deuteranopia 1% of men
#b9595e Tritanopia 0.001% of the population

Trichromacy

#956b38 Protanomaly 1% of men, 0.01% of women
#9f672f Deuteranomaly 6% of men, 0.4% of women
#b7574c Tritanomaly 0.01% of the population

#b4552d hex color

#b4552d Color Information

#b4552d Color Conversion

Color Schemes with #b4552d

Alternatives to #b4552d

#b4552d Preview

Shades and Tints of #b4552d

Tones of #b4552d

Color Blindness Simulator