#d64f4f hex color

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

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

● #d64f4f color description : Moderate red.

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

Hex triplet	d64f4f	`#d64f4f`
RGB Decimal	214, 79, 79	`rgb(214,79,79)`
RGB Percent	83.9, 31, 31	`rgb(83.9%,31%,31%)`
CMYK	0, 63, 63, 16
HSL	0°, 62.2, 57.5	`hsl(0,62.2%,57.5%)`
HSV (or HSB)	0°, 63.1, 83.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.349, 53.011, 28.632
XYZ	31.94, 20.456, 9.663
xyY	0.515, 0.33, 20.456
CIE-LCH	52.349, 60.249, 28.374
CIE-LUV	52.349, 101.776, 21.954
Hunter-Lab	45.228, 46.906, 18.992
Binary	11010110, 01001111, 01001111

#d64f4f
```
#d64f4f rgb(214,79,79)
```
#4fd6d6
```
#4fd6d6 rgb(79,214,214)
```

Complementary Color

#d64f93
```
#d64f93 rgb(214,79,147)
```
#d64f4f
```
#d64f4f rgb(214,79,79)
```
#d6934f
```
#d6934f rgb(214,147,79)
```

Analogous Color

#4f93d6
```
#4f93d6 rgb(79,147,214)
```
#d64f4f
```
#d64f4f rgb(214,79,79)
```
#4fd693
```
#4fd693 rgb(79,214,147)
```

Split Complementary Color

#4f4fd6
```
#4f4fd6 rgb(79,79,214)
```
#d64f4f
```
#d64f4f rgb(214,79,79)
```
#4fd64f
```
#4fd64f rgb(79,214,79)
```

Triadic Color

#d64fd6
```
#d64fd6 rgb(214,79,214)
```
#d64f4f
```
#d64f4f rgb(214,79,79)
```
#4fd64f
```
#4fd64f rgb(79,214,79)
```
#4fd6d6
```
#4fd6d6 rgb(79,214,214)
```

Tetradic Color

#b02929
```
#b02929 rgb(176,41,41)
```
#c42e2e
```
#c42e2e rgb(196,46,46)
```
#d13a3a
```
#d13a3a rgb(209,58,58)
```
#d64f4f
```
#d64f4f rgb(214,79,79)
```
#db6464
```
#db6464 rgb(219,100,100)
```
#e07878
```
#e07878 rgb(224,120,120)
```
#e48d8d
```
#e48d8d rgb(228,141,141)
```

Monochromatic Color

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

#d64f71
```
#d64f71 rgb(214,79,113)
```
#d64f66
```
#d64f66 rgb(214,79,102)
```
#d64f5a
```
#d64f5a rgb(214,79,90)
```
#d64f4f
```
#d64f4f rgb(214,79,79)
```
#d65a4f
```
#d65a4f rgb(214,90,79)
```
#d6664f
```
#d6664f rgb(214,102,79)
```
#d6714f
```
#d6714f rgb(214,113,79)
```

Similar Colors

Text with hexadecimal color #d64f4f

This text has a font color of #d64f4f.

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

#d64f4f background color

This paragraph has a background color of #d64f4f.

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

#d64f4f border color

This element has a border color of #d64f4f.

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

CSS codes

.text {color:#d64f4f;}

.background {background-color:#d64f4f;}

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

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

#0f0303
```
#0f0303 rgb(15,3,3)
```
#1f0707
```
#1f0707 rgb(31,7,7)
```
#2f0b0b
```
#2f0b0b rgb(47,11,11)
```
#3f0f0f
```
#3f0f0f rgb(63,15,15)
```
#4f1212
```
#4f1212 rgb(79,18,18)
```
#5e1616
```
#5e1616 rgb(94,22,22)
```
#6e1a1a
```
#6e1a1a rgb(110,26,26)
```
#7e1d1d
```
#7e1d1d rgb(126,29,29)
```
#8e2121
```
#8e2121 rgb(142,33,33)
```
#9e2525
```
#9e2525 rgb(158,37,37)
```
#ae2929
```
#ae2929 rgb(174,41,41)
```
#be2c2c
```
#be2c2c rgb(190,44,44)
```
#ce3030
```
#ce3030 rgb(206,48,48)
```

Shade Color Variation

#d23f3f
```
#d23f3f rgb(210,63,63)
```
#d64f4f
```
#d64f4f rgb(214,79,79)
```
#da5f5f
```
#da5f5f rgb(218,95,95)
```
#dd6f6f
```
#dd6f6f rgb(221,111,111)
```
#e17f7f
```
#e17f7f rgb(225,127,127)
```
#e58f8f
```
#e58f8f rgb(229,143,143)
```
#e99f9f
```
#e99f9f rgb(233,159,159)
```
#ecaeae
```
#ecaeae rgb(236,174,174)
```
#f0bebe
```
#f0bebe rgb(240,190,190)
```
#f4cece
```
#f4cece rgb(244,206,206)
```
#f7dede
```
#f7dede rgb(247,222,222)
```
#fbeeee
```
#fbeeee rgb(251,238,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#939292
```
#939292 rgb(147,146,146)
```
#9c8989
```
#9c8989 rgb(156,137,137)
```
#a48181
```
#a48181 rgb(164,129,129)
```
#ac7979
```
#ac7979 rgb(172,121,121)
```
#b57070
```
#b57070 rgb(181,112,112)
```
#bd6868
```
#bd6868 rgb(189,104,104)
```
#c56060
```
#c56060 rgb(197,96,96)
```
#ce5757
```
#ce5757 rgb(206,87,87)
```
#d64f4f
```
#d64f4f rgb(214,79,79)
```
#de4747
```
#de4747 rgb(222,71,71)
```
#e73e3e
```
#e73e3e rgb(231,62,62)
```
#ef3636
```
#ef3636 rgb(239,54,54)
```
#f72e2e
```
#f72e2e rgb(247,46,46)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8a6f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8368 Protanopia 1% of men
#9e7e4f Deuteranopia 1% of men
#d8575c Tritanopia 0.001% of the population

Trichromacy

#a6705f Protanomaly 1% of men, 0.01% of women
#b26c4f Deuteranomaly 6% of men, 0.4% of women
#d75457 Tritanomaly 0.01% of the population

#d64f4f hex color

#d64f4f Color Information

#d64f4f Color Conversion

Color Schemes with #d64f4f

Alternatives to #d64f4f

#d64f4f Preview

Shades and Tints of #d64f4f

Tones of #d64f4f

Color Blindness Simulator