colorhexa.com

#d5424a hex color

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

- R 84
- G 26
- B 29
RGB color chart
- C 0
- M 69
- Y 65
- K 16
CMYK color chart

● #d5424a color description : Moderate red.

The hexadecimal color #d5424a has RGB values of R:213, G:66, B:74 and CMYK values of C:0, M:0.69, Y:0.65, K:0.16. Its decimal value is 13976138.

Hex triplet	d5424a	`#d5424a`
RGB Decimal	213, 66, 74	`rgb(213,66,74)`
RGB Percent	83.5, 25.9, 29	`rgb(83.5%,25.9%,29%)`
CMYK	0, 69, 65, 16
HSL	356.7°, 63.6, 54.7	`hsl(356.7,63.6%,54.7%)`
HSV (or HSB)	356.7°, 69, 83.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.145, 57.676, 28.754
XYZ	30.626, 18.54, 8.444
xyY	0.532, 0.322, 18.54
CIE-LCH	50.145, 64.446, 26.498
CIE-LUV	50.145, 110.083, 20.312
Hunter-Lab	43.059, 51.608, 18.514
Binary	11010101, 01000010, 01001010

#d5424a
```
#d5424a rgb(213,66,74)
```
#42d5cd
```
#42d5cd rgb(66,213,205)
```

Complementary Color

#d54294
```
#d54294 rgb(213,66,148)
```
#d5424a
```
#d5424a rgb(213,66,74)
```
#d58442
```
#d58442 rgb(213,132,66)
```

Analogous Color

#4294d5
```
#4294d5 rgb(66,148,213)
```
#d5424a
```
#d5424a rgb(213,66,74)
```
#42d584
```
#42d584 rgb(66,213,132)
```

Split Complementary Color

#424ad5
```
#424ad5 rgb(66,74,213)
```
#d5424a
```
#d5424a rgb(213,66,74)
```
#4ad542
```
#4ad542 rgb(74,213,66)
```

Triadic Color

#cd42d5
```
#cd42d5 rgb(205,66,213)
```
#d5424a
```
#d5424a rgb(213,66,74)
```
#4ad542
```
#4ad542 rgb(74,213,66)
```
#42d5cd
```
#42d5cd rgb(66,213,205)
```

Tetradic Color

#a6252c
```
#a6252c rgb(166,37,44)
```
#bb2931
```
#bb2931 rgb(187,41,49)
```
#cf2e37
```
#cf2e37 rgb(207,46,55)
```
#d5424a
```
#d5424a rgb(213,66,74)
```
#da575e
```
#da575e rgb(218,87,94)
```
#de6c72
```
#de6c72 rgb(222,108,114)
```
#e38186
```
#e38186 rgb(227,129,134)
```

Monochromatic Color

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

#d5426f
```
#d5426f rgb(213,66,111)
```
#d54262
```
#d54262 rgb(213,66,98)
```
#d54256
```
#d54256 rgb(213,66,86)
```
#d5424a
```
#d5424a rgb(213,66,74)
```
#d54642
```
#d54642 rgb(213,70,66)
```
#d55342
```
#d55342 rgb(213,83,66)
```
#d55f42
```
#d55f42 rgb(213,95,66)
```

Similar Colors

Text with hexadecimal color #d5424a

This text has a font color of #d5424a.

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

#d5424a background color

This paragraph has a background color of #d5424a.

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

#d5424a border color

This element has a border color of #d5424a.

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

CSS codes

.text {color:#d5424a;}

.background {background-color:#d5424a;}

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

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)
```
#140405
```
#140405 rgb(20,4,5)
```
#240809
```
#240809 rgb(36,8,9)
```
#340b0e
```
#340b0e rgb(52,11,14)
```
#440f12
```
#440f12 rgb(68,15,18)
```
#541316
```
#541316 rgb(84,19,22)
```
#64161a
```
#64161a rgb(100,22,26)
```
#741a1f
```
#741a1f rgb(116,26,31)
```
#841d23
```
#841d23 rgb(132,29,35)
```
#942127
```
#942127 rgb(148,33,39)
```
#a4242b
```
#a4242b rgb(164,36,43)
```
#b42830
```
#b42830 rgb(180,40,48)
```
#c42c34
```
#c42c34 rgb(196,44,52)
```

Shade Color Variation

#d1323b
```
#d1323b rgb(209,50,59)
```
#d5424a
```
#d5424a rgb(213,66,74)
```
#d95259
```
#d95259 rgb(217,82,89)
```
#dc6269
```
#dc6269 rgb(220,98,105)
```
#e07278
```
#e07278 rgb(224,114,120)
```
#e38287
```
#e38287 rgb(227,130,135)
```
#e79297
```
#e79297 rgb(231,146,151)
```
#eaa2a6
```
#eaa2a6 rgb(234,162,166)
```
#eeb2b6
```
#eeb2b6 rgb(238,178,182)
```
#f2c2c5
```
#f2c2c5 rgb(242,194,197)
```
#f5d2d4
```
#f5d2d4 rgb(245,210,212)
```
#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, #8e8989 is the less saturated color, while #f91e2a is the most saturated one.

#8e8989
```
#8e8989 rgb(142,137,137)
```
#978081
```
#978081 rgb(151,128,129)
```
#a0777a
```
#a0777a rgb(160,119,122)
```
#a96e72
```
#a96e72 rgb(169,110,114)
```
#b1666a
```
#b1666a rgb(177,102,106)
```
#ba5d62
```
#ba5d62 rgb(186,93,98)
```
#c3545a
```
#c3545a rgb(195,84,90)
```
#cc4b52
```
#cc4b52 rgb(204,75,82)
```
#d5424a
```
#d5424a rgb(213,66,74)
```
#de3942
```
#de3942 rgb(222,57,66)
```
#e7303a
```
#e7303a rgb(231,48,58)
```
#f02732
```
#f02732 rgb(240,39,50)
```
#f91e2a
```
#f91e2a rgb(249,30,42)
```

Tone Color Variation

Below, you can see how #d5424a 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
#836668 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867e65 Protanopia 1% of men
#987849 Deuteranopia 1% of men
#d74c50 Tritanopia 0.001% of the population

Trichromacy

#a2685b Protanomaly 1% of men, 0.01% of women
#ae6449 Deuteranomaly 6% of men, 0.4% of women
#d6484d Tritanomaly 0.01% of the population