#d64142 hex color

In a RGB color space, hex #d64142 is composed of 83.9% red, 25.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.6% magenta, 69.2% yellow and 16.1% black. It has a hue angle of 359.6 degrees, a saturation of 64.5% and a lightness of 54.7%. #d64142 color hex could be obtained by blending #ff8284 with #ad0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 84
- G 25
- B 26
RGB color chart
- C 0
- M 70
- Y 69
- K 16
CMYK color chart

● #d64142 color description : Moderate red.

The hexadecimal color #d64142 has RGB values of R:214, G:65, B:66 and CMYK values of C:0, M:0.7, Y:0.69, K:0.16. Its decimal value is 14041410.

Hex triplet	d64142	`#d64142`
RGB Decimal	214, 65, 66	`rgb(214,65,66)`
RGB Percent	83.9, 25.5, 25.9	`rgb(83.9%,25.5%,25.9%)`
CMYK	0, 70, 69, 16
HSL	359.6°, 64.5, 54.7	`hsl(359.6,64.5%,54.7%)`
HSV (or HSB)	359.6°, 69.6, 83.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.066, 57.946, 33.375
XYZ	30.607, 18.474, 7.108
xyY	0.545, 0.329, 18.474
CIE-LCH	50.066, 66.871, 29.941
CIE-LUV	50.066, 113.403, 24.06
Hunter-Lab	42.981, 51.893, 20.281
Binary	11010110, 01000001, 01000010

#d64142
```
#d64142 rgb(214,65,66)
```
#41d6d5
```
#41d6d5 rgb(65,214,213)
```

Complementary Color

#d6418d
```
#d6418d rgb(214,65,141)
```
#d64142
```
#d64142 rgb(214,65,66)
```
#d68b41
```
#d68b41 rgb(214,139,65)
```

Analogous Color

#418dd6
```
#418dd6 rgb(65,141,214)
```
#d64142
```
#d64142 rgb(214,65,66)
```
#41d68b
```
#41d68b rgb(65,214,139)
```

Split Complementary Color

#4142d6
```
#4142d6 rgb(65,66,214)
```
#d64142
```
#d64142 rgb(214,65,66)
```
#42d641
```
#42d641 rgb(66,214,65)
```

Triadic Color

#d541d6
```
#d541d6 rgb(213,65,214)
```
#d64142
```
#d64142 rgb(214,65,66)
```
#42d641
```
#42d641 rgb(66,214,65)
```
#41d6d5
```
#41d6d5 rgb(65,214,213)
```

Tetradic Color

#a72425
```
#a72425 rgb(167,36,37)
```
#bc2829
```
#bc2829 rgb(188,40,41)
```
#d12d2e
```
#d12d2e rgb(209,45,46)
```
#d64142
```
#d64142 rgb(214,65,66)
```
#db5657
```
#db5657 rgb(219,86,87)
```
#df6b6c
```
#df6b6c rgb(223,107,108)
```
#e48081
```
#e48081 rgb(228,128,129)
```

Monochromatic Color

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

#d64167
```
#d64167 rgb(214,65,103)
```
#d6415b
```
#d6415b rgb(214,65,91)
```
#d6414e
```
#d6414e rgb(214,65,78)
```
#d64142
```
#d64142 rgb(214,65,66)
```
#d64c41
```
#d64c41 rgb(214,76,65)
```
#d65941
```
#d65941 rgb(214,89,65)
```
#d66541
```
#d66541 rgb(214,101,65)
```

Similar Colors

Text with hexadecimal color #d64142

This text has a font color of #d64142.

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

#d64142 background color

This paragraph has a background color of #d64142.

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

#d64142 border color

This element has a border color of #d64142.

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

CSS codes

.text {color:#d64142;}

.background {background-color:#d64142;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140404
```
#140404 rgb(20,4,4)
```
#240808
```
#240808 rgb(36,8,8)
```
#340b0b
```
#340b0b rgb(52,11,11)
```
#440f0f
```
#440f0f rgb(68,15,15)
```
#541213
```
#541213 rgb(84,18,19)
```
#641616
```
#641616 rgb(100,22,22)
```
#75191a
```
#75191a rgb(117,25,26)
```
#851d1d
```
#851d1d rgb(133,29,29)
```
#952021
```
#952021 rgb(149,32,33)
```
#a52424
```
#a52424 rgb(165,36,36)
```
#b52728
```
#b52728 rgb(181,39,40)
```
#c52b2c
```
#c52b2c rgb(197,43,44)
```

Shade Color Variation

#d33132
```
#d33132 rgb(211,49,50)
```
#d64142
```
#d64142 rgb(214,65,66)
```
#d95152
```
#d95152 rgb(217,81,82)
```
#dd6162
```
#dd6162 rgb(221,97,98)
```
#e07172
```
#e07172 rgb(224,113,114)
```
#e48282
```
#e48282 rgb(228,130,130)
```
#e79292
```
#e79292 rgb(231,146,146)
```
#eba2a2
```
#eba2a2 rgb(235,162,162)
```
#eeb2b2
```
#eeb2b2 rgb(238,178,178)
```
#f2c2c2
```
#f2c2c2 rgb(242,194,194)
```
#f5d2d2
```
#f5d2d2 rgb(245,210,210)
```
#f9e2e2
```
#f9e2e2 rgb(249,226,226)
```
#fcf2f3
```
#fcf2f3 rgb(252,242,243)
```

Tint Color Variation

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

#8f8888
```
#8f8888 rgb(143,136,136)
```
#987f7f
```
#987f7f rgb(152,127,127)
```
#a17677
```
#a17677 rgb(161,118,119)
```
#aa6d6e
```
#aa6d6e rgb(170,109,110)
```
#b26565
```
#b26565 rgb(178,101,101)
```
#bb5c5c
```
#bb5c5c rgb(187,92,92)
```
#c45354
```
#c45354 rgb(196,83,84)
```
#cd4a4b
```
#cd4a4b rgb(205,74,75)
```
#d64142
```
#d64142 rgb(214,65,66)
```
#df3839
```
#df3839 rgb(223,56,57)
```
#e82f30
```
#e82f30 rgb(232,47,48)
```
#f12628
```
#f12628 rgb(241,38,40)
```
#fa1d1f
```
#fa1d1f rgb(250,29,31)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#836565 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877e5d Protanopia 1% of men
#9a7841 Deuteranopia 1% of men
#d84a4e Tritanopia 0.001% of the population

Trichromacy

#a36753 Protanomaly 1% of men, 0.01% of women
#af6441 Deuteranomaly 6% of men, 0.4% of women
#d74749 Tritanomaly 0.01% of the population

#d64142 hex color

#d64142 Color Information

#d64142 Color Conversion

Color Schemes with #d64142

Alternatives to #d64142

#d64142 Preview

Shades and Tints of #d64142

Tones of #d64142

Color Blindness Simulator