#b4454d hex color

In a RGB color space, hex #b4454d is composed of 70.6% red, 27.1% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.7% magenta, 57.2% yellow and 29.4% black. It has a hue angle of 355.7 degrees, a saturation of 44.6% and a lightness of 48.8%. #b4454d color hex could be obtained by blending #ff8a9a with #690000. Closest websafe color is: #cc3366.

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

● #b4454d color description : Moderate red.

The hexadecimal color #b4454d has RGB values of R:180, G:69, B:77 and CMYK values of C:0, M:0.62, Y:0.57, K:0.29. Its decimal value is 11814221.

Hex triplet	b4454d	`#b4454d`
RGB Decimal	180, 69, 77	`rgb(180,69,77)`
RGB Percent	70.6, 27.1, 30.2	`rgb(70.6%,27.1%,30.2%)`
CMYK	0, 62, 57, 29
HSL	355.7°, 44.6, 48.8	`hsl(355.7,44.6%,48.8%)`
HSV (or HSB)	355.7°, 61.7, 70.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.938, 45.677, 19.105
XYZ	22.291, 14.498, 8.645
xyY	0.491, 0.319, 14.498
CIE-LCH	44.938, 49.511, 22.697
CIE-LUV	44.938, 80.474, 13.293
Hunter-Lab	38.076, 37.867, 13.191
Binary	10110100, 01000101, 01001101

#b4454d
```
#b4454d rgb(180,69,77)
```
#45b4ac
```
#45b4ac rgb(69,180,172)
```

Complementary Color

#b44585
```
#b44585 rgb(180,69,133)
```
#b4454d
```
#b4454d rgb(180,69,77)
```
#b47545
```
#b47545 rgb(180,117,69)
```

Analogous Color

#4585b4
```
#4585b4 rgb(69,133,180)
```
#b4454d
```
#b4454d rgb(180,69,77)
```
#45b475
```
#45b475 rgb(69,180,117)
```

Split Complementary Color

#454db4
```
#454db4 rgb(69,77,180)
```
#b4454d
```
#b4454d rgb(180,69,77)
```
#4db445
```
#4db445 rgb(77,180,69)
```

Triadic Color

#ac45b4
```
#ac45b4 rgb(172,69,180)
```
#b4454d
```
#b4454d rgb(180,69,77)
```
#4db445
```
#4db445 rgb(77,180,69)
```
#45b4ac
```
#45b4ac rgb(69,180,172)
```

Tetradic Color

#7d3035
```
#7d3035 rgb(125,48,53)
```
#8f373d
```
#8f373d rgb(143,55,61)
```
#a23e45
```
#a23e45 rgb(162,62,69)
```
#b4454d
```
#b4454d rgb(180,69,77)
```
#be555c
```
#be555c rgb(190,85,92)
```
#c5676e
```
#c5676e rgb(197,103,110)
```
#cc7a80
```
#cc7a80 rgb(204,122,128)
```

Monochromatic Color

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

#b44569
```
#b44569 rgb(180,69,105)
```
#b44560
```
#b44560 rgb(180,69,96)
```
#b44556
```
#b44556 rgb(180,69,86)
```
#b4454d
```
#b4454d rgb(180,69,77)
```
#b44645
```
#b44645 rgb(180,70,69)
```
#b45045
```
#b45045 rgb(180,80,69)
```
#b45945
```
#b45945 rgb(180,89,69)
```

Similar Colors

Text with hexadecimal color #b4454d

This text has a font color of #b4454d.

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

#b4454d background color

This paragraph has a background color of #b4454d.

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

#b4454d border color

This element has a border color of #b4454d.

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

CSS codes

.text {color:#b4454d;}

.background {background-color:#b4454d;}

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

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

#0a0404
```
#0a0404 rgb(10,4,4)
```
#18090a
```
#18090a rgb(24,9,10)
```
#260f10
```
#260f10 rgb(38,15,16)
```
#341416
```
#341416 rgb(52,20,22)
```
#431a1c
```
#431a1c rgb(67,26,28)
```
#511f23
```
#511f23 rgb(81,31,35)
```
#5f2429
```
#5f2429 rgb(95,36,41)
```
#6d2a2f
```
#6d2a2f rgb(109,42,47)
```
#7b2f35
```
#7b2f35 rgb(123,47,53)
```
#89353b
```
#89353b rgb(137,53,59)
```
#983a41
```
#983a41 rgb(152,58,65)
```
#a64047
```
#a64047 rgb(166,64,71)
```
#b4454d
```
#b4454d rgb(180,69,77)
```

Shade Color Variation

#bc5158
```
#bc5158 rgb(188,81,88)
```
#c25f66
```
#c25f66 rgb(194,95,102)
```
#c76d73
```
#c76d73 rgb(199,109,115)
```
#cc7b81
```
#cc7b81 rgb(204,123,129)
```
#d2898e
```
#d2898e rgb(210,137,142)
```
#d7979c
```
#d7979c rgb(215,151,156)
```
#dda6aa
```
#dda6aa rgb(221,166,170)
```
#e2b4b7
```
#e2b4b7 rgb(226,180,183)
```
#e8c2c5
```
#e8c2c5 rgb(232,194,197)
```
#edd0d2
```
#edd0d2 rgb(237,208,210)
```
#f2dee0
```
#f2dee0 rgb(242,222,224)
```
#f8eced
```
#f8eced rgb(248,236,237)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#847576
```
#847576 rgb(132,117,118)
```
#8e6b6e
```
#8e6b6e rgb(142,107,110)
```
#976266
```
#976266 rgb(151,98,102)
```
#a1585d
```
#a1585d rgb(161,88,93)
```
#aa4f55
```
#aa4f55 rgb(170,79,85)
```
#b4454d
```
#b4454d rgb(180,69,77)
```
#be3b45
```
#be3b45 rgb(190,59,69)
```
#c7323d
```
#c7323d rgb(199,50,61)
```
#d12834
```
#d12834 rgb(209,40,52)
```
#da1f2c
```
#da1f2c rgb(218,31,44)
```
#e41524
```
#e41524 rgb(228,21,36)
```
#ed0c1c
```
#ed0c1c rgb(237,12,28)
```
#f70214
```
#f70214 rgb(247,2,20)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#766062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777164 Protanopia 1% of men
#876d4f Deuteranopia 1% of men
#b74f53 Tritanopia 0.001% of the population

Trichromacy

#8d615c Protanomaly 1% of men, 0.01% of women
#975e4e Deuteranomaly 6% of men, 0.4% of women
#b64b51 Tritanomaly 0.01% of the population

#b4454d hex color

#b4454d Color Information

#b4454d Color Conversion

Color Schemes with #b4454d

Alternatives to #b4454d

#b4454d Preview

Shades and Tints of #b4454d

Tones of #b4454d

Color Blindness Simulator