#d8342f hex color

In a RGB color space, hex #d8342f is composed of 84.7% red, 20.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.9% magenta, 78.2% yellow and 15.3% black. It has a hue angle of 1.8 degrees, a saturation of 68.4% and a lightness of 51.6%. #d8342f color hex could be obtained by blending #ff685e with #b10000. Closest websafe color is: #cc3333.

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

● #d8342f color description : Strong red.

The hexadecimal color #d8342f has RGB values of R:216, G:52, B:47 and CMYK values of C:0, M:0.76, Y:0.78, K:0.15. Its decimal value is 14169135.

Hex triplet	d8342f	`#d8342f`
RGB Decimal	216, 52, 47	`rgb(216,52,47)`
RGB Percent	84.7, 20.4, 18.4	`rgb(84.7%,20.4%,18.4%)`
CMYK	0, 76, 78, 15
HSL	1.8°, 68.4, 51.6	`hsl(1.8,68.4%,51.6%)`
HSV (or HSB)	1.8°, 78.2, 84.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.591, 62.256, 42.531
XYZ	30.061, 17.264, 4.439
xyY	0.581, 0.334, 17.264
CIE-LCH	48.591, 75.397, 34.339
CIE-LUV	48.591, 126.263, 28.791
Hunter-Lab	41.55, 56.434, 22.751
Binary	11011000, 00110100, 00101111

#d8342f
```
#d8342f rgb(216,52,47)
```
#2fd3d8
```
#2fd3d8 rgb(47,211,216)
```

Complementary Color

#d82f7f
```
#d82f7f rgb(216,47,127)
```
#d8342f
```
#d8342f rgb(216,52,47)
```
#d8892f
```
#d8892f rgb(216,137,47)
```

Analogous Color

#2f7fd8
```
#2f7fd8 rgb(47,127,216)
```
#d8342f
```
#d8342f rgb(216,52,47)
```
#2fd889
```
#2fd889 rgb(47,216,137)
```

Split Complementary Color

#342fd8
```
#342fd8 rgb(52,47,216)
```
#d8342f
```
#d8342f rgb(216,52,47)
```
#2fd834
```
#2fd834 rgb(47,216,52)
```

Triadic Color

#d82fd3
```
#d82fd3 rgb(216,47,211)
```
#d8342f
```
#d8342f rgb(216,52,47)
```
#2fd834
```
#2fd834 rgb(47,216,52)
```
#2fd3d8
```
#2fd3d8 rgb(47,211,216)
```

Tetradic Color

#9d211d
```
#9d211d rgb(157,33,29)
```
#b32621
```
#b32621 rgb(179,38,33)
```
#c82a26
```
#c82a26 rgb(200,42,38)
```
#d8342f
```
#d8342f rgb(216,52,47)
```
#dc4944
```
#dc4944 rgb(220,73,68)
```
#e05e5a
```
#e05e5a rgb(224,94,90)
```
#e4736f
```
#e4736f rgb(228,115,111)
```

Monochromatic Color

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

#d82f54
```
#d82f54 rgb(216,47,84)
```
#d82f46
```
#d82f46 rgb(216,47,70)
```
#d82f38
```
#d82f38 rgb(216,47,56)
```
#d8342f
```
#d8342f rgb(216,52,47)
```
#d8422f
```
#d8422f rgb(216,66,47)
```
#d8502f
```
#d8502f rgb(216,80,47)
```
#d85e2f
```
#d85e2f rgb(216,94,47)
```

Similar Colors

Text with hexadecimal color #d8342f

This text has a font color of #d8342f.

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

#d8342f background color

This paragraph has a background color of #d8342f.

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

#d8342f border color

This element has a border color of #d8342f.

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

CSS codes

.text {color:#d8342f;}

.background {background-color:#d8342f;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#170504
```
#170504 rgb(23,5,4)
```
#280807
```
#280807 rgb(40,8,7)
```
#380c0b
```
#380c0b rgb(56,12,11)
```
#490f0e
```
#490f0e rgb(73,15,14)
```
#591311
```
#591311 rgb(89,19,17)
```
#6a1614
```
#6a1614 rgb(106,22,20)
```
#7a1a17
```
#7a1a17 rgb(122,26,23)
```
#8b1d1a
```
#8b1d1a rgb(139,29,26)
```
#9b211d
```
#9b211d rgb(155,33,29)
```
#ac2420
```
#ac2420 rgb(172,36,32)
```
#bc2823
```
#bc2823 rgb(188,40,35)
```
#cd2b26
```
#cd2b26 rgb(205,43,38)
```

Shade Color Variation

#d8342f
```
#d8342f rgb(216,52,47)
```
#db4440
```
#db4440 rgb(219,68,64)
```
#de5450
```
#de5450 rgb(222,84,80)
```
#e16461
```
#e16461 rgb(225,100,97)
```
#e47471
```
#e47471 rgb(228,116,113)
```
#e78582
```
#e78582 rgb(231,133,130)
```
#eb9592
```
#eb9592 rgb(235,149,146)
```
#eea5a3
```
#eea5a3 rgb(238,165,163)
```
#f1b5b3
```
#f1b5b3 rgb(241,181,179)
```
#f4c5c4
```
#f4c5c4 rgb(244,197,196)
```
#f7d5d4
```
#f7d5d4 rgb(247,213,212)
```
#fae5e5
```
#fae5e5 rgb(250,229,229)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,245)
```

Tint Color Variation

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

#8c7c7b
```
#8c7c7b rgb(140,124,123)
```
#967372
```
#967372 rgb(150,115,114)
```
#9f6a68
```
#9f6a68 rgb(159,106,104)
```
#a9615f
```
#a9615f rgb(169,97,95)
```
#b25855
```
#b25855 rgb(178,88,85)
```
#bc4f4c
```
#bc4f4c rgb(188,79,76)
```
#c54642
```
#c54642 rgb(197,70,66)
```
#cf3d39
```
#cf3d39 rgb(207,61,57)
```
#d8342f
```
#d8342f rgb(216,52,47)
```
#e22b26
```
#e22b26 rgb(226,43,38)
```
#eb221c
```
#eb221c rgb(235,34,28)
```
#f51913
```
#f51913 rgb(245,25,19)
```
#fe1009
```
#fe1009 rgb(254,16,9)
```

Tone Color Variation

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

#857a4a Protanopia 1% of men
#97742c Deuteranopia 1% of men
#da3d3f Tritanopia 0.001% of the population

Trichromacy

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

#d8342f hex color

#d8342f Color Information

#d8342f Color Conversion

Color Schemes with #d8342f

Alternatives to #d8342f

#d8342f Preview

Shades and Tints of #d8342f

Tones of #d8342f

Color Blindness Simulator