#b4484d hex color

In a RGB color space, hex #b4484d is composed of 70.6% red, 28.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 57.2% yellow and 29.4% black. It has a hue angle of 357.2 degrees, a saturation of 42.9% and a lightness of 49.4%. #b4484d color hex could be obtained by blending #ff909a with #690000. Closest websafe color is: #cc3366.

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

● #b4484d color description : Moderate red.

The hexadecimal color #b4484d has RGB values of R:180, G:72, B:77 and CMYK values of C:0, M:0.6, Y:0.57, K:0.29. Its decimal value is 11814989.

Hex triplet	b4484d	`#b4484d`
RGB Decimal	180, 72, 77	`rgb(180,72,77)`
RGB Percent	70.6, 28.2, 30.2	`rgb(70.6%,28.2%,30.2%)`
CMYK	0, 60, 57, 29
HSL	357.2°, 42.9, 49.4	`hsl(357.2,42.9%,49.4%)`
HSV (or HSB)	357.2°, 60, 70.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.464, 44.281, 19.802
XYZ	22.48, 14.876, 8.708
xyY	0.488, 0.323, 14.876
CIE-LCH	45.464, 48.507, 24.094
CIE-LUV	45.464, 78.641, 14.389
Hunter-Lab	38.569, 36.541, 13.612
Binary	10110100, 01001000, 01001101

#b4484d
```
#b4484d rgb(180,72,77)
```
#48b4af
```
#48b4af rgb(72,180,175)
```

Complementary Color

#b44883
```
#b44883 rgb(180,72,131)
```
#b4484d
```
#b4484d rgb(180,72,77)
```
#b47948
```
#b47948 rgb(180,121,72)
```

Analogous Color

#4883b4
```
#4883b4 rgb(72,131,180)
```
#b4484d
```
#b4484d rgb(180,72,77)
```
#48b479
```
#48b479 rgb(72,180,121)
```

Split Complementary Color

#484db4
```
#484db4 rgb(72,77,180)
```
#b4484d
```
#b4484d rgb(180,72,77)
```
#4db448
```
#4db448 rgb(77,180,72)
```

Triadic Color

#af48b4
```
#af48b4 rgb(175,72,180)
```
#b4484d
```
#b4484d rgb(180,72,77)
```
#4db448
```
#4db448 rgb(77,180,72)
```
#48b4af
```
#48b4af rgb(72,180,175)
```

Tetradic Color

#7d3236
```
#7d3236 rgb(125,50,54)
```
#90393d
```
#90393d rgb(144,57,61)
```
#a24145
```
#a24145 rgb(162,65,69)
```
#b4484d
```
#b4484d rgb(180,72,77)
```
#bd595e
```
#bd595e rgb(189,89,94)
```
#c46b6f
```
#c46b6f rgb(196,107,111)
```
#cb7d81
```
#cb7d81 rgb(203,125,129)
```

Monochromatic Color

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

#b44868
```
#b44868 rgb(180,72,104)
```
#b4485f
```
#b4485f rgb(180,72,95)
```
#b44856
```
#b44856 rgb(180,72,86)
```
#b4484d
```
#b4484d rgb(180,72,77)
```
#b44c48
```
#b44c48 rgb(180,76,72)
```
#b45548
```
#b45548 rgb(180,85,72)
```
#b45e48
```
#b45e48 rgb(180,94,72)
```

Similar Colors

Text with hexadecimal color #b4484d

This text has a font color of #b4484d.

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

#b4484d background color

This paragraph has a background color of #b4484d.

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

#b4484d border color

This element has a border color of #b4484d.

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

CSS codes

.text {color:#b4484d;}

.background {background-color:#b4484d;}

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

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

#0c0505
```
#0c0505 rgb(12,5,5)
```
#1a0a0b
```
#1a0a0b rgb(26,10,11)
```
#281011
```
#281011 rgb(40,16,17)
```
#361617
```
#361617 rgb(54,22,23)
```
#441b1d
```
#441b1d rgb(68,27,29)
```
#522123
```
#522123 rgb(82,33,35)
```
#602629
```
#602629 rgb(96,38,41)
```
#6e2c2f
```
#6e2c2f rgb(110,44,47)
```
#7c3235
```
#7c3235 rgb(124,50,53)
```
#8a373b
```
#8a373b rgb(138,55,59)
```
#983d41
```
#983d41 rgb(152,61,65)
```
#a64247
```
#a64247 rgb(166,66,71)
```
#b4484d
```
#b4484d rgb(180,72,77)
```

Shade Color Variation

#bb5559
```
#bb5559 rgb(187,85,89)
```
#c06367
```
#c06367 rgb(192,99,103)
```
#c67175
```
#c67175 rgb(198,113,117)
```
#cc7f82
```
#cc7f82 rgb(204,127,130)
```
#d18d90
```
#d18d90 rgb(209,141,144)
```
#d79b9e
```
#d79b9e rgb(215,155,158)
```
#dda9ab
```
#dda9ab rgb(221,169,171)
```
#e2b7b9
```
#e2b7b9 rgb(226,183,185)
```
#e8c5c6
```
#e8c5c6 rgb(232,197,198)
```
#edd3d4
```
#edd3d4 rgb(237,211,212)
```
#f3e1e2
```
#f3e1e2 rgb(243,225,226)
```
#f9efef
```
#f9efef rgb(249,239,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#847879
```
#847879 rgb(132,120,121)
```
#8d6f70
```
#8d6f70 rgb(141,111,112)
```
#976567
```
#976567 rgb(151,101,103)
```
#a15b5f
```
#a15b5f rgb(161,91,95)
```
#aa5256
```
#aa5256 rgb(170,82,86)
```
#b4484d
```
#b4484d rgb(180,72,77)
```
#be3e44
```
#be3e44 rgb(190,62,68)
```
#c7353b
```
#c7353b rgb(199,53,59)
```
#d12b33
```
#d12b33 rgb(209,43,51)
```
#db212a
```
#db212a rgb(219,33,42)
```
#e41821
```
#e41821 rgb(228,24,33)
```
#ee0e18
```
#ee0e18 rgb(238,14,24)
```
#f8040f
```
#f8040f rgb(248,4,15)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#786263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787264 Protanopia 1% of men
#896e4f Deuteranopia 1% of men
#b75156 Tritanopia 0.001% of the population

Trichromacy

#8e635b Protanomaly 1% of men, 0.01% of women
#98604e Deuteranomaly 6% of men, 0.4% of women
#b64e52 Tritanomaly 0.01% of the population

#b4484d hex color

#b4484d Color Information

#b4484d Color Conversion

Color Schemes with #b4484d

Alternatives to #b4484d

#b4484d Preview

Shades and Tints of #b4484d

Tones of #b4484d

Color Blindness Simulator