#d64d4f hex color

In a RGB color space, hex #d64d4f is composed of 83.9% red, 30.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 63.1% yellow and 16.1% black. It has a hue angle of 359.1 degrees, a saturation of 62.6% and a lightness of 57.1%. #d64d4f color hex could be obtained by blending #ff9a9e with #ad0000. Closest websafe color is: #cc6666.

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

● #d64d4f color description : Moderate red.

The hexadecimal color #d64d4f has RGB values of R:214, G:77, B:79 and CMYK values of C:0, M:0.64, Y:0.63, K:0.16. Its decimal value is 14044495.

Hex triplet	d64d4f	`#d64d4f`
RGB Decimal	214, 77, 79	`rgb(214,77,79)`
RGB Percent	83.9, 30.2, 31	`rgb(83.9%,30.2%,31%)`
CMYK	0, 64, 63, 16
HSL	359.1°, 62.6, 57.1	`hsl(359.1,62.6%,57.1%)`
HSV (or HSB)	359.1°, 64, 83.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.031, 53.865, 28.23
XYZ	31.798, 20.172, 9.616
xyY	0.516, 0.328, 20.172
CIE-LCH	52.031, 60.814, 27.658
CIE-LUV	52.031, 103.04, 21.296
Hunter-Lab	44.913, 47.778, 18.745
Binary	11010110, 01001101, 01001111

#d64d4f
```
#d64d4f rgb(214,77,79)
```
#4dd6d4
```
#4dd6d4 rgb(77,214,212)
```

Complementary Color

#d64d94
```
#d64d94 rgb(214,77,148)
```
#d64d4f
```
#d64d4f rgb(214,77,79)
```
#d6904d
```
#d6904d rgb(214,144,77)
```

Analogous Color

#4d94d6
```
#4d94d6 rgb(77,148,214)
```
#d64d4f
```
#d64d4f rgb(214,77,79)
```
#4dd690
```
#4dd690 rgb(77,214,144)
```

Split Complementary Color

#4d4fd6
```
#4d4fd6 rgb(77,79,214)
```
#d64d4f
```
#d64d4f rgb(214,77,79)
```
#4fd64d
```
#4fd64d rgb(79,214,77)
```

Triadic Color

#d44dd6
```
#d44dd6 rgb(212,77,214)
```
#d64d4f
```
#d64d4f rgb(214,77,79)
```
#4fd64d
```
#4fd64d rgb(79,214,77)
```
#4dd6d4
```
#4dd6d4 rgb(77,214,212)
```

Tetradic Color

#ae282a
```
#ae282a rgb(174,40,42)
```
#c32d2f
```
#c32d2f rgb(195,45,47)
```
#d1383b
```
#d1383b rgb(209,56,59)
```
#d64d4f
```
#d64d4f rgb(214,77,79)
```
#db6263
```
#db6263 rgb(219,98,99)
```
#e07678
```
#e07678 rgb(224,118,120)
```
#e48b8c
```
#e48b8c rgb(228,139,140)
```

Monochromatic Color

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

#d64d71
```
#d64d71 rgb(214,77,113)
```
#d64d66
```
#d64d66 rgb(214,77,102)
```
#d64d5a
```
#d64d5a rgb(214,77,90)
```
#d64d4f
```
#d64d4f rgb(214,77,79)
```
#d6564d
```
#d6564d rgb(214,86,77)
```
#d6624d
```
#d6624d rgb(214,98,77)
```
#d66d4d
```
#d66d4d rgb(214,109,77)
```

Similar Colors

Text with hexadecimal color #d64d4f

This text has a font color of #d64d4f.

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

#d64d4f background color

This paragraph has a background color of #d64d4f.

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

#d64d4f border color

This element has a border color of #d64d4f.

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

CSS codes

.text {color:#d64d4f;}

.background {background-color:#d64d4f;}

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

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

#0d0303
```
#0d0303 rgb(13,3,3)
```
#1d0707
```
#1d0707 rgb(29,7,7)
```
#2d0a0b
```
#2d0a0b rgb(45,10,11)
```
#3d0e0f
```
#3d0e0f rgb(61,14,15)
```
#4d1213
```
#4d1213 rgb(77,18,19)
```
#5d1516
```
#5d1516 rgb(93,21,22)
```
#6d191a
```
#6d191a rgb(109,25,26)
```
#7d1d1e
```
#7d1d1e rgb(125,29,30)
```
#8d2022
```
#8d2022 rgb(141,32,34)
```
#9d2426
```
#9d2426 rgb(157,36,38)
```
#ad282a
```
#ad282a rgb(173,40,42)
```
#bd2b2e
```
#bd2b2e rgb(189,43,46)
```
#cd2f31
```
#cd2f31 rgb(205,47,49)
```

Shade Color Variation

#d23d3f
```
#d23d3f rgb(210,61,63)
```
#d64d4f
```
#d64d4f rgb(214,77,79)
```
#da5d5f
```
#da5d5f rgb(218,93,95)
```
#dd6d6f
```
#dd6d6f rgb(221,109,111)
```
#e17d7e
```
#e17d7e rgb(225,125,126)
```
#e58d8e
```
#e58d8e rgb(229,141,142)
```
#e89d9e
```
#e89d9e rgb(232,157,158)
```
#ecadae
```
#ecadae rgb(236,173,174)
```
#f0bdbd
```
#f0bdbd rgb(240,189,189)
```
#f3cdcd
```
#f3cdcd rgb(243,205,205)
```
#f7dcdd
```
#f7dcdd rgb(247,220,221)
```
#fbeced
```
#fbeced rgb(251,236,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#939090
```
#939090 rgb(147,144,144)
```
#9b8888
```
#9b8888 rgb(155,136,136)
```
#a38080
```
#a38080 rgb(163,128,128)
```
#ac7778
```
#ac7778 rgb(172,119,120)
```
#b46f70
```
#b46f70 rgb(180,111,112)
```
#bd6668
```
#bd6668 rgb(189,102,104)
```
#c55e5f
```
#c55e5f rgb(197,94,95)
```
#ce5557
```
#ce5557 rgb(206,85,87)
```
#d64d4f
```
#d64d4f rgb(214,77,79)
```
#de4547
```
#de4547 rgb(222,69,71)
```
#e73c3f
```
#e73c3f rgb(231,60,63)
```
#ef3436
```
#ef3436 rgb(239,52,54)
```
#f82b2e
```
#f82b2e rgb(248,43,46)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#896e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8268 Protanopia 1% of men
#9d7d4f Deuteranopia 1% of men
#d8555a Tritanopia 0.001% of the population

Trichromacy

#a66f5f Protanomaly 1% of men, 0.01% of women
#b26b4f Deuteranomaly 6% of men, 0.4% of women
#d75256 Tritanomaly 0.01% of the population

#d64d4f hex color

#d64d4f Color Information

#d64d4f Color Conversion

Color Schemes with #d64d4f

Alternatives to #d64d4f

#d64d4f Preview

Shades and Tints of #d64d4f

Tones of #d64d4f

Color Blindness Simulator