#d5424f hex color

In a RGB color space, hex #d5424f is composed of 83.5% red, 25.9% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69% magenta, 62.9% yellow and 16.5% black. It has a hue angle of 354.7 degrees, a saturation of 63.6% and a lightness of 54.7%. #d5424f color hex could be obtained by blending #ff849e with #ab0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 84
- G 26
- B 31
RGB color chart
- C 0
- M 69
- Y 63
- K 16
CMYK color chart

● #d5424f color description : Moderate red.

The hexadecimal color #d5424f has RGB values of R:213, G:66, B:79 and CMYK values of C:0, M:0.69, Y:0.63, K:0.16. Its decimal value is 13976143.

Hex triplet	d5424f	`#d5424f`
RGB Decimal	213, 66, 79	`rgb(213,66,79)`
RGB Percent	83.5, 25.9, 31	`rgb(83.5%,25.9%,31%)`
CMYK	0, 69, 63, 16
HSL	354.7°, 63.6, 54.7	`hsl(354.7,63.6%,54.7%)`
HSV (or HSB)	354.7°, 69, 83.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.228, 57.97, 25.897
XYZ	30.801, 18.61, 9.367
xyY	0.524, 0.317, 18.61
CIE-LCH	50.228, 63.491, 24.072
CIE-LUV	50.228, 108.79, 17.71
Hunter-Lab	43.14, 51.952, 17.324
Binary	11010101, 01000010, 01001111

#d5424f
```
#d5424f rgb(213,66,79)
```
#42d5c8
```
#42d5c8 rgb(66,213,200)
```

Complementary Color

#d54299
```
#d54299 rgb(213,66,153)
```
#d5424f
```
#d5424f rgb(213,66,79)
```
#d57f42
```
#d57f42 rgb(213,127,66)
```

Analogous Color

#4299d5
```
#4299d5 rgb(66,153,213)
```
#d5424f
```
#d5424f rgb(213,66,79)
```
#42d57f
```
#42d57f rgb(66,213,127)
```

Split Complementary Color

#424fd5
```
#424fd5 rgb(66,79,213)
```
#d5424f
```
#d5424f rgb(213,66,79)
```
#4fd542
```
#4fd542 rgb(79,213,66)
```

Triadic Color

#c842d5
```
#c842d5 rgb(200,66,213)
```
#d5424f
```
#d5424f rgb(213,66,79)
```
#4fd542
```
#4fd542 rgb(79,213,66)
```
#42d5c8
```
#42d5c8 rgb(66,213,200)
```

Tetradic Color

#a62530
```
#a62530 rgb(166,37,48)
```
#bb2936
```
#bb2936 rgb(187,41,54)
```
#cf2e3c
```
#cf2e3c rgb(207,46,60)
```
#d5424f
```
#d5424f rgb(213,66,79)
```
#da5762
```
#da5762 rgb(218,87,98)
```
#de6c76
```
#de6c76 rgb(222,108,118)
```
#e38189
```
#e38189 rgb(227,129,137)
```

Monochromatic Color

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

#d54274
```
#d54274 rgb(213,66,116)
```
#d54268
```
#d54268 rgb(213,66,104)
```
#d5425b
```
#d5425b rgb(213,66,91)
```
#d5424f
```
#d5424f rgb(213,66,79)
```
#d54243
```
#d54243 rgb(213,66,67)
```
#d54e42
```
#d54e42 rgb(213,78,66)
```
#d55a42
```
#d55a42 rgb(213,90,66)
```

Similar Colors

Text with hexadecimal color #d5424f

This text has a font color of #d5424f.

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

#d5424f background color

This paragraph has a background color of #d5424f.

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

#d5424f border color

This element has a border color of #d5424f.

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

CSS codes

.text {color:#d5424f;}

.background {background-color:#d5424f;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140406
```
#140406 rgb(20,4,6)
```
#24080a
```
#24080a rgb(36,8,10)
```
#340b0f
```
#340b0f rgb(52,11,15)
```
#440f14
```
#440f14 rgb(68,15,20)
```
#541318
```
#541318 rgb(84,19,24)
```
#64161d
```
#64161d rgb(100,22,29)
```
#741a22
```
#741a22 rgb(116,26,34)
```
#841d26
```
#841d26 rgb(132,29,38)
```
#94212b
```
#94212b rgb(148,33,43)
```
#a42430
```
#a42430 rgb(164,36,48)
```
#b42834
```
#b42834 rgb(180,40,52)
```
#c42c39
```
#c42c39 rgb(196,44,57)
```

Shade Color Variation

#d13240
```
#d13240 rgb(209,50,64)
```
#d5424f
```
#d5424f rgb(213,66,79)
```
#d9525e
```
#d9525e rgb(217,82,94)
```
#dc626d
```
#dc626d rgb(220,98,109)
```
#e0727c
```
#e0727c rgb(224,114,124)
```
#e3828b
```
#e3828b rgb(227,130,139)
```
#e7929a
```
#e7929a rgb(231,146,154)
```
#eaa2a9
```
#eaa2a9 rgb(234,162,169)
```
#eeb2b8
```
#eeb2b8 rgb(238,178,184)
```
#f2c2c7
```
#f2c2c7 rgb(242,194,199)
```
#f5d2d6
```
#f5d2d6 rgb(245,210,214)
```
#f9e2e4
```
#f9e2e4 rgb(249,226,228)
```
#fcf3f3
```
#fcf3f3 rgb(252,243,243)
```

Tint Color Variation

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

#8e898a
```
#8e898a rgb(142,137,138)
```
#978082
```
#978082 rgb(151,128,130)
```
#a0777b
```
#a0777b rgb(160,119,123)
```
#a96e74
```
#a96e74 rgb(169,110,116)
```
#b1666c
```
#b1666c rgb(177,102,108)
```
#ba5d65
```
#ba5d65 rgb(186,93,101)
```
#c3545e
```
#c3545e rgb(195,84,94)
```
#cc4b56
```
#cc4b56 rgb(204,75,86)
```
#d5424f
```
#d5424f rgb(213,66,79)
```
#de3948
```
#de3948 rgb(222,57,72)
```
#e73040
```
#e73040 rgb(231,48,64)
```
#f02739
```
#f02739 rgb(240,39,57)
```
#f91e32
```
#f91e32 rgb(249,30,50)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#836669 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857e6b Protanopia 1% of men
#98794e Deuteranopia 1% of men
#d64d50 Tritanopia 0.001% of the population

Trichromacy

#a26861 Protanomaly 1% of men, 0.01% of women
#ae654e Deuteranomaly 6% of men, 0.4% of women
#d64950 Tritanomaly 0.01% of the population

#d5424f hex color

#d5424f Color Information

#d5424f Color Conversion

Color Schemes with #d5424f

Alternatives to #d5424f

#d5424f Preview

Shades and Tints of #d5424f

Tones of #d5424f

Color Blindness Simulator