#d64345 hex color

In a RGB color space, hex #d64345 is composed of 83.9% red, 26.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.7% magenta, 67.8% yellow and 16.1% black. It has a hue angle of 359.2 degrees, a saturation of 64.2% and a lightness of 55.1%. #d64345 color hex could be obtained by blending #ff868a with #ad0000. Closest websafe color is: #cc3333.

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

● #d64345 color description : Moderate red.

The hexadecimal color #d64345 has RGB values of R:214, G:67, B:69 and CMYK values of C:0, M:0.69, Y:0.68, K:0.16. Its decimal value is 14041925.

Hex triplet	d64345	`#d64345`
RGB Decimal	214, 67, 69	`rgb(214,67,69)`
RGB Percent	83.9, 26.3, 27.1	`rgb(83.9%,26.3%,27.1%)`
CMYK	0, 69, 68, 16
HSL	359.2°, 64.2, 55.1	`hsl(359.2,64.2%,55.1%)`
HSV (or HSB)	359.2°, 68.7, 83.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.386, 57.339, 32.02
XYZ	30.814, 18.744, 7.625
xyY	0.539, 0.328, 18.744
CIE-LCH	50.386, 65.674, 29.181
CIE-LUV	50.386, 111.525, 23.225
Hunter-Lab	43.294, 51.282, 19.863
Binary	11010110, 01000011, 01000101

#d64345
```
#d64345 rgb(214,67,69)
```
#43d6d4
```
#43d6d4 rgb(67,214,212)
```

Complementary Color

#d6438f
```
#d6438f rgb(214,67,143)
```
#d64345
```
#d64345 rgb(214,67,69)
```
#d68b43
```
#d68b43 rgb(214,139,67)
```

Analogous Color

#438fd6
```
#438fd6 rgb(67,143,214)
```
#d64345
```
#d64345 rgb(214,67,69)
```
#43d68b
```
#43d68b rgb(67,214,139)
```

Split Complementary Color

#4345d6
```
#4345d6 rgb(67,69,214)
```
#d64345
```
#d64345 rgb(214,67,69)
```
#45d643
```
#45d643 rgb(69,214,67)
```

Triadic Color

#d443d6
```
#d443d6 rgb(212,67,214)
```
#d64345
```
#d64345 rgb(214,67,69)
```
#45d643
```
#45d643 rgb(69,214,67)
```
#43d6d4
```
#43d6d4 rgb(67,214,212)
```

Tetradic Color

#a82526
```
#a82526 rgb(168,37,38)
```
#bd292b
```
#bd292b rgb(189,41,43)
```
#d12e30
```
#d12e30 rgb(209,46,48)
```
#d64345
```
#d64345 rgb(214,67,69)
```
#db585a
```
#db585a rgb(219,88,90)
```
#df6d6e
```
#df6d6e rgb(223,109,110)
```
#e48283
```
#e48283 rgb(228,130,131)
```

Monochromatic Color

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

#d6436a
```
#d6436a rgb(214,67,106)
```
#d6435e
```
#d6435e rgb(214,67,94)
```
#d64351
```
#d64351 rgb(214,67,81)
```
#d64345
```
#d64345 rgb(214,67,69)
```
#d64d43
```
#d64d43 rgb(214,77,67)
```
#d65a43
```
#d65a43 rgb(214,90,67)
```
#d66643
```
#d66643 rgb(214,102,67)
```

Similar Colors

Text with hexadecimal color #d64345

This text has a font color of #d64345.

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

#d64345 background color

This paragraph has a background color of #d64345.

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

#d64345 border color

This element has a border color of #d64345.

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

CSS codes

.text {color:#d64345;}

.background {background-color:#d64345;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#150505
```
#150505 rgb(21,5,5)
```
#250809
```
#250809 rgb(37,8,9)
```
#360c0c
```
#360c0c rgb(54,12,12)
```
#460f10
```
#460f10 rgb(70,15,16)
```
#561314
```
#561314 rgb(86,19,20)
```
#661617
```
#661617 rgb(102,22,23)
```
#761a1b
```
#761a1b rgb(118,26,27)
```
#861d1f
```
#861d1f rgb(134,29,31)
```
#962122
```
#962122 rgb(150,33,34)
```
#a62426
```
#a62426 rgb(166,36,38)
```
#b6282a
```
#b6282a rgb(182,40,42)
```
#c62b2d
```
#c62b2d rgb(198,43,45)
```

Shade Color Variation

#d23335
```
#d23335 rgb(210,51,53)
```
#d64345
```
#d64345 rgb(214,67,69)
```
#da5355
```
#da5355 rgb(218,83,85)
```
#dd6365
```
#dd6365 rgb(221,99,101)
```
#e17375
```
#e17375 rgb(225,115,117)
```
#e48385
```
#e48385 rgb(228,131,133)
```
#e89495
```
#e89495 rgb(232,148,149)
```
#eba4a5
```
#eba4a5 rgb(235,164,165)
```
#efb4b5
```
#efb4b5 rgb(239,180,181)
```
#f2c4c4
```
#f2c4c4 rgb(242,196,196)
```
#f6d4d4
```
#f6d4d4 rgb(246,212,212)
```
#f9e4e4
```
#f9e4e4 rgb(249,228,228)
```
#fdf4f4
```
#fdf4f4 rgb(253,244,244)
```

Tint Color Variation

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

#90898a
```
#90898a rgb(144,137,138)
```
#988181
```
#988181 rgb(152,129,129)
```
#a17878
```
#a17878 rgb(161,120,120)
```
#aa6f70
```
#aa6f70 rgb(170,111,112)
```
#b36667
```
#b36667 rgb(179,102,103)
```
#bc5d5f
```
#bc5d5f rgb(188,93,95)
```
#c45556
```
#c45556 rgb(196,85,86)
```
#cd4c4e
```
#cd4c4e rgb(205,76,78)
```
#d64345
```
#d64345 rgb(214,67,69)
```
#df3a3c
```
#df3a3c rgb(223,58,60)
```
#e83134
```
#e83134 rgb(232,49,52)
```
#f0292b
```
#f0292b rgb(240,41,43)
```
#f92023
```
#f92023 rgb(249,32,35)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#846667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877e60 Protanopia 1% of men
#9a7944 Deuteranopia 1% of men
#d84c50 Tritanopia 0.001% of the population

Trichromacy

#a46956 Protanomaly 1% of men, 0.01% of women
#b06544 Deuteranomaly 6% of men, 0.4% of women
#d7494c Tritanomaly 0.01% of the population

#d64345 hex color

#d64345 Color Information

#d64345 Color Conversion

Color Schemes with #d64345

Alternatives to #d64345

#d64345 Preview

Shades and Tints of #d64345

Tones of #d64345

Color Blindness Simulator