#b4454c hex color

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

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

● #b4454c color description : Moderate red.

The hexadecimal color #b4454c has RGB values of R:180, G:69, B:76 and CMYK values of C:0, M:0.62, Y:0.58, K:0.29. Its decimal value is 11814220.

Hex triplet	b4454c	`#b4454c`
RGB Decimal	180, 69, 76	`rgb(180,69,76)`
RGB Percent	70.6, 27.1, 29.8	`rgb(70.6%,27.1%,29.8%)`
CMYK	0, 62, 58, 29
HSL	356.2°, 44.6, 48.8	`hsl(356.2,44.6%,48.8%)`
HSV (or HSB)	356.2°, 61.7, 70.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.919, 45.6, 19.687
XYZ	22.256, 14.484, 8.461
xyY	0.492, 0.32, 14.484
CIE-LCH	44.919, 49.668, 23.351
CIE-LUV	44.919, 80.72, 13.874
Hunter-Lab	38.057, 37.786, 13.459
Binary	10110100, 01000101, 01001100

#b4454c
```
#b4454c rgb(180,69,76)
```
#45b4ad
```
#45b4ad rgb(69,180,173)
```

Complementary Color

#b44584
```
#b44584 rgb(180,69,132)
```
#b4454c
```
#b4454c rgb(180,69,76)
```
#b47645
```
#b47645 rgb(180,118,69)
```

Analogous Color

#4584b4
```
#4584b4 rgb(69,132,180)
```
#b4454c
```
#b4454c rgb(180,69,76)
```
#45b476
```
#45b476 rgb(69,180,118)
```

Split Complementary Color

#454cb4
```
#454cb4 rgb(69,76,180)
```
#b4454c
```
#b4454c rgb(180,69,76)
```
#4cb445
```
#4cb445 rgb(76,180,69)
```

Triadic Color

#ad45b4
```
#ad45b4 rgb(173,69,180)
```
#b4454c
```
#b4454c rgb(180,69,76)
```
#4cb445
```
#4cb445 rgb(76,180,69)
```
#45b4ad
```
#45b4ad rgb(69,180,173)
```

Tetradic Color

#7d3035
```
#7d3035 rgb(125,48,53)
```
#8f373c
```
#8f373c rgb(143,55,60)
```
#a23e44
```
#a23e44 rgb(162,62,68)
```
#b4454c
```
#b4454c rgb(180,69,76)
```
#be555b
```
#be555b rgb(190,85,91)
```
#c5676d
```
#c5676d rgb(197,103,109)
```
#cc7a7f
```
#cc7a7f rgb(204,122,127)
```

Monochromatic Color

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

#b44568
```
#b44568 rgb(180,69,104)
```
#b4455f
```
#b4455f rgb(180,69,95)
```
#b44555
```
#b44555 rgb(180,69,85)
```
#b4454c
```
#b4454c rgb(180,69,76)
```
#b44745
```
#b44745 rgb(180,71,69)
```
#b45145
```
#b45145 rgb(180,81,69)
```
#b45a45
```
#b45a45 rgb(180,90,69)
```

Similar Colors

Text with hexadecimal color #b4454c

This text has a font color of #b4454c.

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

#b4454c background color

This paragraph has a background color of #b4454c.

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

#b4454c border color

This element has a border color of #b4454c.

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

CSS codes

.text {color:#b4454c;}

.background {background-color:#b4454c;}

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

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)
```
#511f22
```
#511f22 rgb(81,31,34)
```
#5f2428
```
#5f2428 rgb(95,36,40)
```
#6d2a2e
```
#6d2a2e rgb(109,42,46)
```
#7b2f34
```
#7b2f34 rgb(123,47,52)
```
#89353a
```
#89353a rgb(137,53,58)
```
#983a40
```
#983a40 rgb(152,58,64)
```
#a64046
```
#a64046 rgb(166,64,70)
```
#b4454c
```
#b4454c rgb(180,69,76)
```

Shade Color Variation

#bc5157
```
#bc5157 rgb(188,81,87)
```
#c25f65
```
#c25f65 rgb(194,95,101)
```
#c76d73
```
#c76d73 rgb(199,109,115)
```
#cc7b80
```
#cc7b80 rgb(204,123,128)
```
#d2898e
```
#d2898e rgb(210,137,142)
```
#d7979b
```
#d7979b rgb(215,151,155)
```
#dda6a9
```
#dda6a9 rgb(221,166,169)
```
#e2b4b7
```
#e2b4b7 rgb(226,180,183)
```
#e8c2c4
```
#e8c2c4 rgb(232,194,196)
```
#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 #f70211 is the most saturated one.

#847576
```
#847576 rgb(132,117,118)
```
#8e6b6d
```
#8e6b6d rgb(142,107,109)
```
#976265
```
#976265 rgb(151,98,101)
```
#a1585d
```
#a1585d rgb(161,88,93)
```
#aa4f54
```
#aa4f54 rgb(170,79,84)
```
#b4454c
```
#b4454c rgb(180,69,76)
```
#be3b44
```
#be3b44 rgb(190,59,68)
```
#c7323b
```
#c7323b rgb(199,50,59)
```
#d12833
```
#d12833 rgb(209,40,51)
```
#da1f2b
```
#da1f2b rgb(218,31,43)
```
#e41522
```
#e41522 rgb(228,21,34)
```
#ed0c1a
```
#ed0c1a rgb(237,12,26)
```
#f70211
```
#f70211 rgb(247,2,17)
```

Tone Color Variation

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

#777163 Protanopia 1% of men
#876d4e Deuteranopia 1% of men
#b74e53 Tritanopia 0.001% of the population

Trichromacy

#8d615b Protanomaly 1% of men, 0.01% of women
#975e4d Deuteranomaly 6% of men, 0.4% of women
#b64b50 Tritanomaly 0.01% of the population

#b4454c hex color

#b4454c Color Information

#b4454c Color Conversion

Color Schemes with #b4454c

Alternatives to #b4454c

#b4454c Preview

Shades and Tints of #b4454c

Tones of #b4454c

Color Blindness Simulator