#d64f60 hex color

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

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

● #d64f60 color description : Moderate red.

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

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

CIE-LAB	52.659, 54.194, 19.021
XYZ	32.64, 20.736, 13.349
xyY	0.489, 0.311, 20.736
CIE-LCH	52.659, 57.435, 19.341
CIE-LUV	52.659, 97.484, 12.328
Hunter-Lab	45.537, 48.256, 14.494
Binary	11010110, 01001111, 01100000

#d64f60
```
#d64f60 rgb(214,79,96)
```
#4fd6c5
```
#4fd6c5 rgb(79,214,197)
```

Complementary Color

#d64fa4
```
#d64fa4 rgb(214,79,164)
```
#d64f60
```
#d64f60 rgb(214,79,96)
```
#d6824f
```
#d6824f rgb(214,130,79)
```

Analogous Color

#4fa4d6
```
#4fa4d6 rgb(79,164,214)
```
#d64f60
```
#d64f60 rgb(214,79,96)
```
#4fd682
```
#4fd682 rgb(79,214,130)
```

Split Complementary Color

#4f60d6
```
#4f60d6 rgb(79,96,214)
```
#d64f60
```
#d64f60 rgb(214,79,96)
```
#60d64f
```
#60d64f rgb(96,214,79)
```

Triadic Color

#c54fd6
```
#c54fd6 rgb(197,79,214)
```
#d64f60
```
#d64f60 rgb(214,79,96)
```
#60d64f
```
#60d64f rgb(96,214,79)
```
#4fd6c5
```
#4fd6c5 rgb(79,214,197)
```

Tetradic Color

#b0293a
```
#b0293a rgb(176,41,58)
```
#c42e41
```
#c42e41 rgb(196,46,65)
```
#d13a4d
```
#d13a4d rgb(209,58,77)
```
#d64f60
```
#d64f60 rgb(214,79,96)
```
#db6473
```
#db6473 rgb(219,100,115)
```
#e07885
```
#e07885 rgb(224,120,133)
```
#e48d98
```
#e48d98 rgb(228,141,152)
```

Monochromatic Color

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

#d64f82
```
#d64f82 rgb(214,79,130)
```
#d64f77
```
#d64f77 rgb(214,79,119)
```
#d64f6b
```
#d64f6b rgb(214,79,107)
```
#d64f60
```
#d64f60 rgb(214,79,96)
```
#d64f55
```
#d64f55 rgb(214,79,85)
```
#d6544f
```
#d6544f rgb(214,84,79)
```
#d6604f
```
#d6604f rgb(214,96,79)
```

Similar Colors

Text with hexadecimal color #d64f60

This text has a font color of #d64f60.

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

#d64f60 background color

This paragraph has a background color of #d64f60.

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

#d64f60 border color

This element has a border color of #d64f60.

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

CSS codes

.text {color:#d64f60;}

.background {background-color:#d64f60;}

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

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

#0f0305
```
#0f0305 rgb(15,3,5)
```
#1f070a
```
#1f070a rgb(31,7,10)
```
#2f0b0f
```
#2f0b0f rgb(47,11,15)
```
#3f0f15
```
#3f0f15 rgb(63,15,21)
```
#4f121a
```
#4f121a rgb(79,18,26)
```
#5e161f
```
#5e161f rgb(94,22,31)
```
#6e1a24
```
#6e1a24 rgb(110,26,36)
```
#7e1d2a
```
#7e1d2a rgb(126,29,42)
```
#8e212f
```
#8e212f rgb(142,33,47)
```
#9e2534
```
#9e2534 rgb(158,37,52)
```
#ae2939
```
#ae2939 rgb(174,41,57)
```
#be2c3f
```
#be2c3f rgb(190,44,63)
```
#ce3044
```
#ce3044 rgb(206,48,68)
```

Shade Color Variation

#d23f52
```
#d23f52 rgb(210,63,82)
```
#d64f60
```
#d64f60 rgb(214,79,96)
```
#da5f6e
```
#da5f6e rgb(218,95,110)
```
#dd6f7d
```
#dd6f7d rgb(221,111,125)
```
#e17f8b
```
#e17f8b rgb(225,127,139)
```
#e58f99
```
#e58f99 rgb(229,143,153)
```
#e99fa8
```
#e99fa8 rgb(233,159,168)
```
#ecaeb6
```
#ecaeb6 rgb(236,174,182)
```
#f0bec5
```
#f0bec5 rgb(240,190,197)
```
#f4ced3
```
#f4ced3 rgb(244,206,211)
```
#f7dee1
```
#f7dee1 rgb(247,222,225)
```
#fbeef0
```
#fbeef0 rgb(251,238,240)
```
#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 #f72e47 is the most saturated one.

#939292
```
#939292 rgb(147,146,146)
```
#9c898c
```
#9c898c rgb(156,137,140)
```
#a48185
```
#a48185 rgb(164,129,133)
```
#ac797f
```
#ac797f rgb(172,121,127)
```
#b57079
```
#b57079 rgb(181,112,121)
```
#bd6873
```
#bd6873 rgb(189,104,115)
```
#c5606c
```
#c5606c rgb(197,96,108)
```
#ce5766
```
#ce5766 rgb(206,87,102)
```
#d64f60
```
#d64f60 rgb(214,79,96)
```
#de475a
```
#de475a rgb(222,71,90)
```
#e73e54
```
#e73e54 rgb(231,62,84)
```
#ef364d
```
#ef364d rgb(239,54,77)
```
#f72e47
```
#f72e47 rgb(247,46,71)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#8c7174 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88837a Protanopia 1% of men
#9c7f5f Deuteranopia 1% of men
#d7595e Tritanopia 0.001% of the population

Trichromacy

#a47071 Protanomaly 1% of men, 0.01% of women
#b16d5f Deuteranomaly 6% of men, 0.4% of women
#d7555f Tritanomaly 0.01% of the population

#d64f60 hex color

#d64f60 Color Information

#d64f60 Color Conversion

Color Schemes with #d64f60

Alternatives to #d64f60

#d64f60 Preview

Shades and Tints of #d64f60

Tones of #d64f60

Color Blindness Simulator