#d64f2c hex color

In a RGB color space, hex #d64f2c is composed of 83.9% red, 31% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 79.4% yellow and 16.1% black. It has a hue angle of 12.4 degrees, a saturation of 67.5% and a lightness of 50.6%. #d64f2c color hex could be obtained by blending #ff9e58 with #ad0000. Closest websafe color is: #cc6633.

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

● #d64f2c color description : Strong red.

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

Hex triplet	d64f2c	`#d64f2c`
RGB Decimal	214, 79, 44	`rgb(214,79,44)`
RGB Percent	83.9, 31, 17.3	`rgb(83.9%,31%,17.3%)`
CMYK	0, 63, 79, 16
HSL	12.4°, 67.5, 50.6	`hsl(12.4,67.5%,50.6%)`
HSV (or HSB)	12.4°, 79.4, 83.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.92, 51.354, 47.317
XYZ	30.984, 20.073, 4.626
xyY	0.556, 0.36, 20.073
CIE-LCH	51.92, 69.829, 42.657
CIE-LUV	51.92, 108.258, 36.354
Hunter-Lab	44.803, 45.035, 25.241
Binary	11010110, 01001111, 00101100

#d64f2c
```
#d64f2c rgb(214,79,44)
```
#2cb3d6
```
#2cb3d6 rgb(44,179,214)
```

Complementary Color

#d62c5e
```
#d62c5e rgb(214,44,94)
```
#d64f2c
```
#d64f2c rgb(214,79,44)
```
#d6a42c
```
#d6a42c rgb(214,164,44)
```

Analogous Color

#2c5ed6
```
#2c5ed6 rgb(44,94,214)
```
#d64f2c
```
#d64f2c rgb(214,79,44)
```
#2cd6a4
```
#2cd6a4 rgb(44,214,164)
```

Split Complementary Color

#4f2cd6
```
#4f2cd6 rgb(79,44,214)
```
#d64f2c
```
#d64f2c rgb(214,79,44)
```
#2cd64f
```
#2cd64f rgb(44,214,79)
```

Triadic Color

#d62cb3
```
#d62cb3 rgb(214,44,179)
```
#d64f2c
```
#d64f2c rgb(214,79,44)
```
#2cd64f
```
#2cd64f rgb(44,214,79)
```
#2cb3d6
```
#2cb3d6 rgb(44,179,214)
```

Tetradic Color

#98371e
```
#98371e rgb(152,55,30)
```
#ad3e22
```
#ad3e22 rgb(173,62,34)
```
#c34626
```
#c34626 rgb(195,70,38)
```
#d64f2c
```
#d64f2c rgb(214,79,44)
```
#da6141
```
#da6141 rgb(218,97,65)
```
#de7357
```
#de7357 rgb(222,115,87)
```
#e2846c
```
#e2846c rgb(226,132,108)
```

Monochromatic Color

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

#d62c34
```
#d62c34 rgb(214,44,52)
```
#d6332c
```
#d6332c rgb(214,51,44)
```
#d6412c
```
#d6412c rgb(214,65,44)
```
#d64f2c
```
#d64f2c rgb(214,79,44)
```
#d65d2c
```
#d65d2c rgb(214,93,44)
```
#d66b2c
```
#d66b2c rgb(214,107,44)
```
#d67a2c
```
#d67a2c rgb(214,122,44)
```

Similar Colors

Text with hexadecimal color #d64f2c

This text has a font color of #d64f2c.

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

#d64f2c background color

This paragraph has a background color of #d64f2c.

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

#d64f2c border color

This element has a border color of #d64f2c.

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

CSS codes

.text {color:#d64f2c;}

.background {background-color:#d64f2c;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#130704
```
#130704 rgb(19,7,4)
```
#230d07
```
#230d07 rgb(35,13,7)
```
#34130a
```
#34130a rgb(52,19,10)
```
#44190d
```
#44190d rgb(68,25,13)
```
#551e10
```
#551e10 rgb(85,30,16)
```
#652414
```
#652414 rgb(101,36,20)
```
#752a17
```
#752a17 rgb(117,42,23)
```
#86301a
```
#86301a rgb(134,48,26)
```
#96361d
```
#96361d rgb(150,54,29)
```
#a73c20
```
#a73c20 rgb(167,60,32)
```
#b74224
```
#b74224 rgb(183,66,36)
```
#c84827
```
#c84827 rgb(200,72,39)
```

Shade Color Variation

#d64f2c
```
#d64f2c rgb(214,79,44)
```
#d95d3c
```
#d95d3c rgb(217,93,60)
```
#dc6a4d
```
#dc6a4d rgb(220,106,77)
```
#e0785d
```
#e0785d rgb(224,120,93)
```
#e3866e
```
#e3866e rgb(227,134,110)
```
#e6937e
```
#e6937e rgb(230,147,126)
```
#e9a18f
```
#e9a18f rgb(233,161,143)
```
#ecaf9f
```
#ecaf9f rgb(236,175,159)
```
#f0bdaf
```
#f0bdaf rgb(240,189,175)
```
#f3cac0
```
#f3cac0 rgb(243,202,192)
```
#f6d8d0
```
#f6d8d0 rgb(246,216,208)
```
#f9e6e1
```
#f9e6e1 rgb(249,230,225)
```
#fcf3f1
```
#fcf3f1 rgb(252,243,241)
```

Tint Color Variation

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

#887d7a
```
#887d7a rgb(136,125,122)
```
#927770
```
#927770 rgb(146,119,112)
```
#9c7166
```
#9c7166 rgb(156,113,102)
```
#a66c5c
```
#a66c5c rgb(166,108,92)
```
#af6653
```
#af6653 rgb(175,102,83)
```
#b96049
```
#b96049 rgb(185,96,73)
```
#c35a3f
```
#c35a3f rgb(195,90,63)
```
#cc5536
```
#cc5536 rgb(204,85,54)
```
#d64f2c
```
#d64f2c rgb(214,79,44)
```
#e04922
```
#e04922 rgb(224,73,34)
```
#e94419
```
#e94419 rgb(233,68,25)
```
#f33e0f
```
#f33e0f rgb(243,62,15)
```
#fd3805
```
#fd3805 rgb(253,56,5)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#876c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908242 Protanopia 1% of men
#a27c2b Deuteranopia 1% of men
#d95458 Tritanopia 0.001% of the population

Trichromacy

#a96f3a Protanomaly 1% of men, 0.01% of women
#b56b2b Deuteranomaly 6% of men, 0.4% of women
#d85248 Tritanomaly 0.01% of the population

#d64f2c hex color

#d64f2c Color Information

#d64f2c Color Conversion

Color Schemes with #d64f2c

Alternatives to #d64f2c

#d64f2c Preview

Shades and Tints of #d64f2c

Tones of #d64f2c

Color Blindness Simulator