#d8342e hex color

In a RGB color space, hex #d8342e is composed of 84.7% red, 20.4% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.9% magenta, 78.7% yellow and 15.3% black. It has a hue angle of 2.1 degrees, a saturation of 68.5% and a lightness of 51.4%. #d8342e color hex could be obtained by blending #ff685c with #b10000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 85
- G 20
- B 18
RGB color chart
- C 0
- M 76
- Y 79
- K 15
CMYK color chart

● #d8342e color description : Strong red.

The hexadecimal color #d8342e has RGB values of R:216, G:52, B:46 and CMYK values of C:0, M:0.76, Y:0.79, K:0.15. Its decimal value is 14169134.

Hex triplet	d8342e	`#d8342e`
RGB Decimal	216, 52, 46	`rgb(216,52,46)`
RGB Percent	84.7, 20.4, 18	`rgb(84.7%,20.4%,18%)`
CMYK	0, 76, 79, 15
HSL	2.1°, 68.5, 51.4	`hsl(2.1,68.5%,51.4%)`
HSV (or HSB)	2.1°, 78.7, 84.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.581, 62.224, 43.061
XYZ	30.042, 17.256, 4.334
xyY	0.582, 0.334, 17.256
CIE-LCH	48.581, 75.671, 34.685
CIE-LUV	48.581, 126.449, 29.124
Hunter-Lab	41.54, 56.395, 22.893
Binary	11011000, 00110100, 00101110

#d8342e
```
#d8342e rgb(216,52,46)
```
#2ed2d8
```
#2ed2d8 rgb(46,210,216)
```

Complementary Color

#d82e7d
```
#d82e7d rgb(216,46,125)
```
#d8342e
```
#d8342e rgb(216,52,46)
```
#d8892e
```
#d8892e rgb(216,137,46)
```

Analogous Color

#2e7dd8
```
#2e7dd8 rgb(46,125,216)
```
#d8342e
```
#d8342e rgb(216,52,46)
```
#2ed889
```
#2ed889 rgb(46,216,137)
```

Split Complementary Color

#342ed8
```
#342ed8 rgb(52,46,216)
```
#d8342e
```
#d8342e rgb(216,52,46)
```
#2ed834
```
#2ed834 rgb(46,216,52)
```

Triadic Color

#d82ed2
```
#d82ed2 rgb(216,46,210)
```
#d8342e
```
#d8342e rgb(216,52,46)
```
#2ed834
```
#2ed834 rgb(46,216,52)
```
#2ed2d8
```
#2ed2d8 rgb(46,210,216)
```

Tetradic Color

#9c221d
```
#9c221d rgb(156,34,29)
```
#b22621
```
#b22621 rgb(178,38,33)
```
#c72b25
```
#c72b25 rgb(199,43,37)
```
#d8342e
```
#d8342e rgb(216,52,46)
```
#dc4943
```
#dc4943 rgb(220,73,67)
```
#e05e59
```
#e05e59 rgb(224,94,89)
```
#e4736e
```
#e4736e rgb(228,115,110)
```

Monochromatic Color

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

#d82e53
```
#d82e53 rgb(216,46,83)
```
#d82e44
```
#d82e44 rgb(216,46,68)
```
#d82e36
```
#d82e36 rgb(216,46,54)
```
#d8342e
```
#d8342e rgb(216,52,46)
```
#d8422e
```
#d8422e rgb(216,66,46)
```
#d8502e
```
#d8502e rgb(216,80,46)
```
#d85f2e
```
#d85f2e rgb(216,95,46)
```

Similar Colors

Text with hexadecimal color #d8342e

This text has a font color of #d8342e.

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

#d8342e background color

This paragraph has a background color of #d8342e.

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

#d8342e border color

This element has a border color of #d8342e.

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

CSS codes

.text {color:#d8342e;}

.background {background-color:#d8342e;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#160504
```
#160504 rgb(22,5,4)
```
#270807
```
#270807 rgb(39,8,7)
```
#370c0a
```
#370c0a rgb(55,12,10)
```
#48100d
```
#48100d rgb(72,16,13)
```
#591311
```
#591311 rgb(89,19,17)
```
#691714
```
#691714 rgb(105,23,20)
```
#7a1a17
```
#7a1a17 rgb(122,26,23)
```
#8a1e1a
```
#8a1e1a rgb(138,30,26)
```
#9b211d
```
#9b211d rgb(155,33,29)
```
#ab2520
```
#ab2520 rgb(171,37,32)
```
#bc2823
```
#bc2823 rgb(188,40,35)
```
#cc2c26
```
#cc2c26 rgb(204,44,38)
```

Shade Color Variation

#d8342e
```
#d8342e rgb(216,52,46)
```
#db443f
```
#db443f rgb(219,68,63)
```
#de544f
```
#de544f rgb(222,84,79)
```
#e16460
```
#e16460 rgb(225,100,96)
```
#e47470
```
#e47470 rgb(228,116,112)
```
#e78481
```
#e78481 rgb(231,132,129)
```
#eb9491
```
#eb9491 rgb(235,148,145)
```
#eea4a2
```
#eea4a2 rgb(238,164,162)
```
#f1b4b2
```
#f1b4b2 rgb(241,180,178)
```
#f4c5c3
```
#f4c5c3 rgb(244,197,195)
```
#f7d5d3
```
#f7d5d3 rgb(247,213,211)
```
#fae5e4
```
#fae5e4 rgb(250,229,228)
```
#fdf5f4
```
#fdf5f4 rgb(253,245,244)
```

Tint Color Variation

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

#8c7b7a
```
#8c7b7a rgb(140,123,122)
```
#957271
```
#957271 rgb(149,114,113)
```
#9f6967
```
#9f6967 rgb(159,105,103)
```
#a8605e
```
#a8605e rgb(168,96,94)
```
#b25754
```
#b25754 rgb(178,87,84)
```
#bb4f4b
```
#bb4f4b rgb(187,79,75)
```
#c54641
```
#c54641 rgb(197,70,65)
```
#ce3d38
```
#ce3d38 rgb(206,61,56)
```
#d8342e
```
#d8342e rgb(216,52,46)
```
#e22b24
```
#e22b24 rgb(226,43,36)
```
#eb221b
```
#eb221b rgb(235,34,27)
```
#f51911
```
#f51911 rgb(245,25,17)
```
#fe1108
```
#fe1108 rgb(254,17,8)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#7b5a59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a49 Protanopia 1% of men
#98742b Deuteranopia 1% of men
#da3d3f Tritanopia 0.001% of the population

Trichromacy

#a3603f Protanomaly 1% of men, 0.01% of women
#af5d2c Deuteranomaly 6% of men, 0.4% of women
#d93a39 Tritanomaly 0.01% of the population

#d8342e hex color

#d8342e Color Information

#d8342e Color Conversion

Color Schemes with #d8342e

Alternatives to #d8342e

#d8342e Preview

Shades and Tints of #d8342e

Tones of #d8342e

Color Blindness Simulator