#b4474d hex color

In a RGB color space, hex #b4474d is composed of 70.6% red, 27.8% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.6% magenta, 57.2% yellow and 29.4% black. It has a hue angle of 356.7 degrees, a saturation of 43.4% and a lightness of 49.2%. #b4474d color hex could be obtained by blending #ff8e9a with #690000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 71
- G 28
- B 30
RGB color chart
- C 0
- M 61
- Y 57
- K 29
CMYK color chart

● #b4474d color description : Moderate red.

The hexadecimal color #b4474d has RGB values of R:180, G:71, B:77 and CMYK values of C:0, M:0.61, Y:0.57, K:0.29. Its decimal value is 11814733.

Hex triplet	b4474d	`#b4474d`
RGB Decimal	180, 71, 77	`rgb(180,71,77)`
RGB Percent	70.6, 27.8, 30.2	`rgb(70.6%,27.8%,30.2%)`
CMYK	0, 61, 57, 29
HSL	356.7°, 43.4, 49.2	`hsl(356.7,43.4%,49.2%)`
HSV (or HSB)	356.7°, 60.6, 70.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.287, 44.75, 19.568
XYZ	22.416, 14.748, 8.687
xyY	0.489, 0.322, 14.748
CIE-LCH	45.287, 48.841, 23.618
CIE-LUV	45.287, 79.257, 14.021
Hunter-Lab	38.403, 36.986, 13.47
Binary	10110100, 01000111, 01001101

#b4474d
```
#b4474d rgb(180,71,77)
```
#47b4ae
```
#47b4ae rgb(71,180,174)
```

Complementary Color

#b44784
```
#b44784 rgb(180,71,132)
```
#b4474d
```
#b4474d rgb(180,71,77)
```
#b47847
```
#b47847 rgb(180,120,71)
```

Analogous Color

#4784b4
```
#4784b4 rgb(71,132,180)
```
#b4474d
```
#b4474d rgb(180,71,77)
```
#47b478
```
#47b478 rgb(71,180,120)
```

Split Complementary Color

#474db4
```
#474db4 rgb(71,77,180)
```
#b4474d
```
#b4474d rgb(180,71,77)
```
#4db447
```
#4db447 rgb(77,180,71)
```

Triadic Color

#ae47b4
```
#ae47b4 rgb(174,71,180)
```
#b4474d
```
#b4474d rgb(180,71,77)
```
#4db447
```
#4db447 rgb(77,180,71)
```
#47b4ae
```
#47b4ae rgb(71,180,174)
```

Tetradic Color

#7d3136
```
#7d3136 rgb(125,49,54)
```
#8f393d
```
#8f393d rgb(143,57,61)
```
#a24045
```
#a24045 rgb(162,64,69)
```
#b4474d
```
#b4474d rgb(180,71,77)
```
#bd585d
```
#bd585d rgb(189,88,93)
```
#c46a6f
```
#c46a6f rgb(196,106,111)
```
#cb7c80
```
#cb7c80 rgb(203,124,128)
```

Monochromatic Color

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

#b44768
```
#b44768 rgb(180,71,104)
```
#b4475f
```
#b4475f rgb(180,71,95)
```
#b44756
```
#b44756 rgb(180,71,86)
```
#b4474d
```
#b4474d rgb(180,71,77)
```
#b44a47
```
#b44a47 rgb(180,74,71)
```
#b45347
```
#b45347 rgb(180,83,71)
```
#b45c47
```
#b45c47 rgb(180,92,71)
```

Similar Colors

Text with hexadecimal color #b4474d

This text has a font color of #b4474d.

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

#b4474d background color

This paragraph has a background color of #b4474d.

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

#b4474d border color

This element has a border color of #b4474d.

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

CSS codes

.text {color:#b4474d;}

.background {background-color:#b4474d;}

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

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

#0b0405
```
#0b0405 rgb(11,4,5)
```
#190a0b
```
#190a0b rgb(25,10,11)
```
#271011
```
#271011 rgb(39,16,17)
```
#351517
```
#351517 rgb(53,21,23)
```
#431b1d
```
#431b1d rgb(67,27,29)
```
#522023
```
#522023 rgb(82,32,35)
```
#602629
```
#602629 rgb(96,38,41)
```
#6e2b2f
```
#6e2b2f rgb(110,43,47)
```
#7c3135
```
#7c3135 rgb(124,49,53)
```
#8a363b
```
#8a363b rgb(138,54,59)
```
#983c41
```
#983c41 rgb(152,60,65)
```
#a64147
```
#a64147 rgb(166,65,71)
```
#b4474d
```
#b4474d rgb(180,71,77)
```

Shade Color Variation

#bb5359
```
#bb5359 rgb(187,83,89)
```
#c16167
```
#c16167 rgb(193,97,103)
```
#c66f74
```
#c66f74 rgb(198,111,116)
```
#cc7e82
```
#cc7e82 rgb(204,126,130)
```
#d18c8f
```
#d18c8f rgb(209,140,143)
```
#d79a9d
```
#d79a9d rgb(215,154,157)
```
#dda8ab
```
#dda8ab rgb(221,168,171)
```
#e2b6b8
```
#e2b6b8 rgb(226,182,184)
```
#e8c4c6
```
#e8c4c6 rgb(232,196,198)
```
#edd2d3
```
#edd2d3 rgb(237,210,211)
```
#f3e0e1
```
#f3e0e1 rgb(243,224,225)
```
#f8eeef
```
#f8eeef rgb(248,238,239)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#847778
```
#847778 rgb(132,119,120)
```
#8d6e6f
```
#8d6e6f rgb(141,110,111)
```
#976467
```
#976467 rgb(151,100,103)
```
#a15a5e
```
#a15a5e rgb(161,90,94)
```
#aa5156
```
#aa5156 rgb(170,81,86)
```
#b4474d
```
#b4474d rgb(180,71,77)
```
#be3d44
```
#be3d44 rgb(190,61,68)
```
#c7343c
```
#c7343c rgb(199,52,60)
```
#d12a33
```
#d12a33 rgb(209,42,51)
```
#db202b
```
#db202b rgb(219,32,43)
```
#e41722
```
#e41722 rgb(228,23,34)
```
#ee0d19
```
#ee0d19 rgb(238,13,25)
```
#f80311
```
#f80311 rgb(248,3,17)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#776163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787264 Protanopia 1% of men
#886e4f Deuteranopia 1% of men
#b75055 Tritanopia 0.001% of the population

Trichromacy

#8d625b Protanomaly 1% of men, 0.01% of women
#985f4e Deuteranomaly 6% of men, 0.4% of women
#b64d52 Tritanomaly 0.01% of the population

#b4474d hex color

#b4474d Color Information

#b4474d Color Conversion

Color Schemes with #b4474d

Alternatives to #b4474d

#b4474d Preview

Shades and Tints of #b4474d

Tones of #b4474d

Color Blindness Simulator