colorhexa.com

#d54a4d hex color

In a RGB color space, hex #d54a4d is composed of 83.5% red, 29% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 63.8% yellow and 16.5% black. It has a hue angle of 358.7 degrees, a saturation of 62.3% and a lightness of 56.3%. #d54a4d color hex could be obtained by blending #ff949a with #ab0000. Closest websafe color is: #cc3366.

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

● #d54a4d color description : Moderate red.

The hexadecimal color #d54a4d has RGB values of R:213, G:74, B:77 and CMYK values of C:0, M:0.65, Y:0.64, K:0.16. Its decimal value is 13978189.

Hex triplet	d54a4d	`#d54a4d`
RGB Decimal	213, 74, 77	`rgb(213,74,77)`
RGB Percent	83.5, 29, 30.2	`rgb(83.5%,29%,30.2%)`
CMYK	0, 65, 64, 16
HSL	358.7°, 62.3, 56.3	`hsl(358.7,62.3%,56.3%)`
HSV (or HSB)	358.7°, 65.3, 83.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	51.362, 54.669, 28.52
XYZ	31.23, 19.583, 9.156
xyY	0.521, 0.327, 19.583
CIE-LCH	51.362, 61.661, 27.55
CIE-LUV	51.362, 104.565, 21.19
Hunter-Lab	44.253, 48.53, 18.709
Binary	11010101, 01001010, 01001101

#d54a4d
```
#d54a4d rgb(213,74,77)
```
#4ad5d2
```
#4ad5d2 rgb(74,213,210)
```

Complementary Color

#d54a93
```
#d54a93 rgb(213,74,147)
```
#d54a4d
```
#d54a4d rgb(213,74,77)
```
#d58d4a
```
#d58d4a rgb(213,141,74)
```

Analogous Color

#4a93d5
```
#4a93d5 rgb(74,147,213)
```
#d54a4d
```
#d54a4d rgb(213,74,77)
```
#4ad58d
```
#4ad58d rgb(74,213,141)
```

Split Complementary Color

#4a4dd5
```
#4a4dd5 rgb(74,77,213)
```
#d54a4d
```
#d54a4d rgb(213,74,77)
```
#4dd54a
```
#4dd54a rgb(77,213,74)
```

Triadic Color

#d24ad5
```
#d24ad5 rgb(210,74,213)
```
#d54a4d
```
#d54a4d rgb(213,74,77)
```
#4dd54a
```
#4dd54a rgb(77,213,74)
```
#4ad5d2
```
#4ad5d2 rgb(74,213,210)
```

Tetradic Color

#ab282a
```
#ab282a rgb(171,40,42)
```
#c02c30
```
#c02c30 rgb(192,44,48)
```
#d03539
```
#d03539 rgb(208,53,57)
```
#d54a4d
```
#d54a4d rgb(213,74,77)
```
#da5f61
```
#da5f61 rgb(218,95,97)
```
#df7376
```
#df7376 rgb(223,115,118)
```
#e3888a
```
#e3888a rgb(227,136,138)
```

Monochromatic Color

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

#d54a70
```
#d54a70 rgb(213,74,112)
```
#d54a64
```
#d54a64 rgb(213,74,100)
```
#d54a59
```
#d54a59 rgb(213,74,89)
```
#d54a4d
```
#d54a4d rgb(213,74,77)
```
#d5534a
```
#d5534a rgb(213,83,74)
```
#d55e4a
```
#d55e4a rgb(213,94,74)
```
#d56a4a
```
#d56a4a rgb(213,106,74)
```

Similar Colors

Text with hexadecimal color #d54a4d

This text has a font color of #d54a4d.

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

#d54a4d background color

This paragraph has a background color of #d54a4d.

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

#d54a4d border color

This element has a border color of #d54a4d.

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

CSS codes

.text {color:#d54a4d;}

.background {background-color:#d54a4d;}

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

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

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1a0606
```
#1a0606 rgb(26,6,6)
```
#2a0a0a
```
#2a0a0a rgb(42,10,10)
```
#3a0d0e
```
#3a0d0e rgb(58,13,14)
```
#4a1112
```
#4a1112 rgb(74,17,18)
```
#5a1516
```
#5a1516 rgb(90,21,22)
```
#6a181a
```
#6a181a rgb(106,24,26)
```
#791c1e
```
#791c1e rgb(121,28,30)
```
#892022
```
#892022 rgb(137,32,34)
```
#992426
```
#992426 rgb(153,36,38)
```
#a9272a
```
#a9272a rgb(169,39,42)
```
#b92b2e
```
#b92b2e rgb(185,43,46)
```
#c92f32
```
#c92f32 rgb(201,47,50)
```

Shade Color Variation

#d13a3d
```
#d13a3d rgb(209,58,61)
```
#d54a4d
```
#d54a4d rgb(213,74,77)
```
#d95a5d
```
#d95a5d rgb(217,90,93)
```
#dc6a6c
```
#dc6a6c rgb(220,106,108)
```
#e07a7c
```
#e07a7c rgb(224,122,124)
```
#e48a8c
```
#e48a8c rgb(228,138,140)
```
#e79a9b
```
#e79a9b rgb(231,154,155)
```
#ebaaab
```
#ebaaab rgb(235,170,171)
```
#efb9bb
```
#efb9bb rgb(239,185,187)
```
#f3c9ca
```
#f3c9ca rgb(243,201,202)
```
#f6d9da
```
#f6d9da rgb(246,217,218)
```
#fae9ea
```
#fae9ea rgb(250,233,234)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#908f8f
```
#908f8f rgb(144,143,143)
```
#998686
```
#998686 rgb(153,134,134)
```
#a27d7e
```
#a27d7e rgb(162,125,126)
```
#aa7576
```
#aa7576 rgb(170,117,118)
```
#b36c6e
```
#b36c6e rgb(179,108,110)
```
#bb6466
```
#bb6466 rgb(187,100,102)
```
#c45b5d
```
#c45b5d rgb(196,91,93)
```
#cc5355
```
#cc5355 rgb(204,83,85)
```
#d54a4d
```
#d54a4d rgb(213,74,77)
```
#de4145
```
#de4145 rgb(222,65,69)
```
#e6393d
```
#e6393d rgb(230,57,61)
```
#ef3034
```
#ef3034 rgb(239,48,52)
```
#f7282c
```
#f7282c rgb(247,40,44)
```

Tone Color Variation

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

Dichromacy

#898167 Protanopia 1% of men
#9c7b4d Deuteranopia 1% of men
#d75357 Tritanopia 0.001% of the population

Trichromacy

#a46d5d Protanomaly 1% of men, 0.01% of women
#b0694d Deuteranomaly 6% of men, 0.4% of women
#d64f53 Tritanomaly 0.01% of the population