#d64d2a hex color

In a RGB color space, hex #d64d2a is composed of 83.9% red, 30.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 80.4% yellow and 16.1% black. It has a hue angle of 12.2 degrees, a saturation of 67.7% and a lightness of 50.2%. #d64d2a color hex could be obtained by blending #ff9a54 with #ad0000. Closest websafe color is: #cc6633.

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

● #d64d2a color description : Strong red.

The hexadecimal color #d64d2a has RGB values of R:214, G:77, B:42 and CMYK values of C:0, M:0.64, Y:0.8, K:0.16. Its decimal value is 14044458.

Hex triplet	d64d2a	`#d64d2a`
RGB Decimal	214, 77, 42	`rgb(214,77,42)`
RGB Percent	83.9, 30.2, 16.5	`rgb(83.9%,30.2%,16.5%)`
CMYK	0, 64, 80, 16
HSL	12.2°, 67.7, 50.2	`hsl(12.2,67.7%,50.2%)`
HSV (or HSB)	12.2°, 80.4, 83.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.581, 52.151, 47.965
XYZ	30.805, 19.774, 4.385
xyY	0.56, 0.36, 19.774
CIE-LCH	51.581, 70.854, 42.605
CIE-LUV	51.581, 109.941, 36.356
Hunter-Lab	44.469, 45.833, 25.281
Binary	11010110, 01001101, 00101010

#d64d2a
```
#d64d2a rgb(214,77,42)
```
#2ab3d6
```
#2ab3d6 rgb(42,179,214)
```

Complementary Color

#d62a5d
```
#d62a5d rgb(214,42,93)
```
#d64d2a
```
#d64d2a rgb(214,77,42)
```
#d6a32a
```
#d6a32a rgb(214,163,42)
```

Analogous Color

#2a5dd6
```
#2a5dd6 rgb(42,93,214)
```
#d64d2a
```
#d64d2a rgb(214,77,42)
```
#2ad6a3
```
#2ad6a3 rgb(42,214,163)
```

Split Complementary Color

#4d2ad6
```
#4d2ad6 rgb(77,42,214)
```
#d64d2a
```
#d64d2a rgb(214,77,42)
```
#2ad64d
```
#2ad64d rgb(42,214,77)
```

Triadic Color

#d62ab3
```
#d62ab3 rgb(214,42,179)
```
#d64d2a
```
#d64d2a rgb(214,77,42)
```
#2ad64d
```
#2ad64d rgb(42,214,77)
```
#2ab3d6
```
#2ab3d6 rgb(42,179,214)
```

Tetradic Color

#97361d
```
#97361d rgb(151,54,29)
```
#ac3d21
```
#ac3d21 rgb(172,61,33)
```
#c14525
```
#c14525 rgb(193,69,37)
```
#d64d2a
```
#d64d2a rgb(214,77,42)
```
#da5f3f
```
#da5f3f rgb(218,95,63)
```
#de7155
```
#de7155 rgb(222,113,85)
```
#e2836a
```
#e2836a rgb(226,131,106)
```

Monochromatic Color

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

#d62a32
```
#d62a32 rgb(214,42,50)
```
#d6302a
```
#d6302a rgb(214,48,42)
```
#d63f2a
```
#d63f2a rgb(214,63,42)
```
#d64d2a
```
#d64d2a rgb(214,77,42)
```
#d65b2a
```
#d65b2a rgb(214,91,42)
```
#d66a2a
```
#d66a2a rgb(214,106,42)
```
#d6782a
```
#d6782a rgb(214,120,42)
```

Similar Colors

Text with hexadecimal color #d64d2a

This text has a font color of #d64d2a.

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

#d64d2a background color

This paragraph has a background color of #d64d2a.

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

#d64d2a border color

This element has a border color of #d64d2a.

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

CSS codes

.text {color:#d64d2a;}

.background {background-color:#d64d2a;}

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

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, #010000 is the darkest color, while #fcf2ef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#110603
```
#110603 rgb(17,6,3)
```
#220c06
```
#220c06 rgb(34,12,6)
```
#32120a
```
#32120a rgb(50,18,10)
```
#43180d
```
#43180d rgb(67,24,13)
```
#531e10
```
#531e10 rgb(83,30,16)
```
#642413
```
#642413 rgb(100,36,19)
```
#742916
```
#742916 rgb(116,41,22)
```
#842f19
```
#842f19 rgb(132,47,25)
```
#95351d
```
#95351d rgb(149,53,29)
```
#a53b20
```
#a53b20 rgb(165,59,32)
```
#b64123
```
#b64123 rgb(182,65,35)
```
#c64726
```
#c64726 rgb(198,71,38)
```

Shade Color Variation

#d64d2a
```
#d64d2a rgb(214,77,42)
```
#d95b3a
```
#d95b3a rgb(217,91,58)
```
#dc684b
```
#dc684b rgb(220,104,75)
```
#df765b
```
#df765b rgb(223,118,91)
```
#e3846c
```
#e3846c rgb(227,132,108)
```
#e6927c
```
#e6927c rgb(230,146,124)
```
#e99f8d
```
#e99f8d rgb(233,159,141)
```
#ecad9d
```
#ecad9d rgb(236,173,157)
```
#efbbae
```
#efbbae rgb(239,187,174)
```
#f2c9be
```
#f2c9be rgb(242,201,190)
```
#f6d6ce
```
#f6d6ce rgb(246,214,206)
```
#f9e4df
```
#f9e4df rgb(249,228,223)
```
#fcf2ef
```
#fcf2ef rgb(252,242,239)
```

Tint Color Variation

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

#887b78
```
#887b78 rgb(136,123,120)
```
#92766e
```
#92766e rgb(146,118,110)
```
#9b7065
```
#9b7065 rgb(155,112,101)
```
#a56a5b
```
#a56a5b rgb(165,106,91)
```
#af6451
```
#af6451 rgb(175,100,81)
```
#b95e47
```
#b95e47 rgb(185,94,71)
```
#c2593e
```
#c2593e rgb(194,89,62)
```
#cc5334
```
#cc5334 rgb(204,83,52)
```
#d64d2a
```
#d64d2a rgb(214,77,42)
```
#e04720
```
#e04720 rgb(224,71,32)
```
#ea4116
```
#ea4116 rgb(234,65,22)
```
#f33c0d
```
#f33c0d rgb(243,60,13)
```
#fd3603
```
#fd3603 rgb(253,54,3)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#866b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8140 Protanopia 1% of men
#a17b28 Deuteranopia 1% of men
#d95256 Tritanopia 0.001% of the population

Trichromacy

#a86e38 Protanomaly 1% of men, 0.01% of women
#b46a29 Deuteranomaly 6% of men, 0.4% of women
#d85046 Tritanomaly 0.01% of the population

#d64d2a hex color

#d64d2a Color Information

#d64d2a Color Conversion

Color Schemes with #d64d2a

Alternatives to #d64d2a

#d64d2a Preview

Shades and Tints of #d64d2a

Tones of #d64d2a

Color Blindness Simulator