#b4585f hex color

In a RGB color space, hex #b4585f is composed of 70.6% red, 34.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.1% magenta, 47.2% yellow and 29.4% black. It has a hue angle of 355.4 degrees, a saturation of 38% and a lightness of 52.5%. #b4585f color hex could be obtained by blending #ffb0be with #690000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 71
- G 35
- B 37
RGB color chart
- C 0
- M 51
- Y 47
- K 29
CMYK color chart

● #b4585f color description : Moderate red.

The hexadecimal color #b4585f has RGB values of R:180, G:88, B:95 and CMYK values of C:0, M:0.51, Y:0.47, K:0.29. Its decimal value is 11819103.

Hex triplet	b4585f	`#b4585f`
RGB Decimal	180, 88, 95	`rgb(180,88,95)`
RGB Percent	70.6, 34.5, 37.3	`rgb(70.6%,34.5%,37.3%)`
CMYK	0, 51, 47, 29
HSL	355.4°, 38, 52.5	`hsl(355.4,38%,52.5%)`
HSV (or HSB)	355.4°, 51.1, 70.6
Web Safe	cc6666	`#cc6666`

CIE-LAB	48.897, 37.95, 13.607
XYZ	24.378, 17.511, 12.922
xyY	0.445, 0.319, 17.511
CIE-LCH	48.897, 40.316, 19.726
CIE-LUV	48.897, 64.491, 9.776
Hunter-Lab	41.846, 30.758, 10.984
Binary	10110100, 01011000, 01011111

#b4585f
```
#b4585f rgb(180,88,95)
```
#58b4ad
```
#58b4ad rgb(88,180,173)
```

Complementary Color

#b4588d
```
#b4588d rgb(180,88,141)
```
#b4585f
```
#b4585f rgb(180,88,95)
```
#b47f58
```
#b47f58 rgb(180,127,88)
```

Analogous Color

#588db4
```
#588db4 rgb(88,141,180)
```
#b4585f
```
#b4585f rgb(180,88,95)
```
#58b47f
```
#58b47f rgb(88,180,127)
```

Split Complementary Color

#585fb4
```
#585fb4 rgb(88,95,180)
```
#b4585f
```
#b4585f rgb(180,88,95)
```
#5fb458
```
#5fb458 rgb(95,180,88)
```

Triadic Color

#ad58b4
```
#ad58b4 rgb(173,88,180)
```
#b4585f
```
#b4585f rgb(180,88,95)
```
#5fb458
```
#5fb458 rgb(95,180,88)
```
#58b4ad
```
#58b4ad rgb(88,180,173)
```

Tetradic Color

#843b41
```
#843b41 rgb(132,59,65)
```
#96434a
```
#96434a rgb(150,67,74)
```
#a74b52
```
#a74b52 rgb(167,75,82)
```
#b4585f
```
#b4585f rgb(180,88,95)
```
#bc6a70
```
#bc6a70 rgb(188,106,112)
```
#c47b81
```
#c47b81 rgb(196,123,129)
```
#cc8d92
```
#cc8d92 rgb(204,141,146)
```

Monochromatic Color

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

#b45876
```
#b45876 rgb(180,88,118)
```
#b4586e
```
#b4586e rgb(180,88,110)
```
#b45867
```
#b45867 rgb(180,88,103)
```
#b4585f
```
#b4585f rgb(180,88,95)
```
#b45958
```
#b45958 rgb(180,89,88)
```
#b46058
```
#b46058 rgb(180,96,88)
```
#b46858
```
#b46858 rgb(180,104,88)
```

Similar Colors

Text with hexadecimal color #b4585f

This text has a font color of #b4585f.

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

#b4585f background color

This paragraph has a background color of #b4585f.

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

#b4585f border color

This element has a border color of #b4585f.

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

CSS codes

.text {color:#b4585f;}

.background {background-color:#b4585f;}

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

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

#090404
```
#090404 rgb(9,4,4)
```
#170a0b
```
#170a0b rgb(23,10,11)
```
#241012
```
#241012 rgb(36,16,18)
```
#321618
```
#321618 rgb(50,22,24)
```
#3f1c1f
```
#3f1c1f rgb(63,28,31)
```
#4d2226
```
#4d2226 rgb(77,34,38)
```
#5a292c
```
#5a292c rgb(90,41,44)
```
#682f33
```
#682f33 rgb(104,47,51)
```
#75353a
```
#75353a rgb(117,53,58)
```
#833b40
```
#833b40 rgb(131,59,64)
```
#904147
```
#904147 rgb(144,65,71)
```
#9e474e
```
#9e474e rgb(158,71,78)
```
#ab4d54
```
#ab4d54 rgb(171,77,84)
```

Shade Color Variation

#b4585f
```
#b4585f rgb(180,88,95)
```
#ba666c
```
#ba666c rgb(186,102,108)
```
#c07379
```
#c07379 rgb(192,115,121)
```
#c68186
```
#c68186 rgb(198,129,134)
```
#cc8e93
```
#cc8e93 rgb(204,142,147)
```
#d29ca0
```
#d29ca0 rgb(210,156,160)
```
#d8a9ad
```
#d8a9ad rgb(216,169,173)
```
#dfb7ba
```
#dfb7ba rgb(223,183,186)
```
#e5c4c7
```
#e5c4c7 rgb(229,196,199)
```
#ebd2d4
```
#ebd2d4 rgb(235,210,212)
```
#f1dfe1
```
#f1dfe1 rgb(241,223,225)
```
#f7edee
```
#f7edee rgb(247,237,238)
```
#fdfafb
```
#fdfafb rgb(253,250,251)
```

Tint Color Variation

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

#8f7d7f
```
#8f7d7f rgb(143,125,127)
```
#987477
```
#987477 rgb(152,116,119)
```
#a16b6f
```
#a16b6f rgb(161,107,111)
```
#ab6167
```
#ab6167 rgb(171,97,103)
```
#b4585f
```
#b4585f rgb(180,88,95)
```
#bd4f57
```
#bd4f57 rgb(189,79,87)
```
#c7454f
```
#c7454f rgb(199,69,79)
```
#d03c47
```
#d03c47 rgb(208,60,71)
```
#d9333f
```
#d9333f rgb(217,51,63)
```
#e32938
```
#e32938 rgb(227,41,56)
```
#ec2030
```
#ec2030 rgb(236,32,48)
```
#f51728
```
#f51728 rgb(245,23,40)
```
#fe0e20
```
#fe0e20 rgb(254,14,32)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#816e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7a73 Protanopia 1% of men
#8f7661 Deuteranopia 1% of men
#b76066 Tritanopia 0.001% of the population

Trichromacy

#926e6b Protanomaly 1% of men, 0.01% of women
#9c6b60 Deuteranomaly 6% of men, 0.4% of women
#b65d64 Tritanomaly 0.01% of the population

#b4585f hex color

#b4585f Color Information

#b4585f Color Conversion

Color Schemes with #b4585f

Alternatives to #b4585f

#b4585f Preview

Shades and Tints of #b4585f

Tones of #b4585f

Color Blindness Simulator