#d7342a hex color

In a RGB color space, hex #d7342a is composed of 84.3% red, 20.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.8% magenta, 80.5% yellow and 15.7% black. It has a hue angle of 3.5 degrees, a saturation of 68.4% and a lightness of 50.4%. #d7342a color hex could be obtained by blending #ff6854 with #af0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 84
- G 20
- B 16
RGB color chart
- C 0
- M 76
- Y 80
- K 16
CMYK color chart

● #d7342a color description : Strong red.

The hexadecimal color #d7342a has RGB values of R:215, G:52, B:42 and CMYK values of C:0, M:0.76, Y:0.8, K:0.16. Its decimal value is 14103594.

Hex triplet	d7342a	`#d7342a`
RGB Decimal	215, 52, 42	`rgb(215,52,42)`
RGB Percent	84.3, 20.4, 16.5	`rgb(84.3%,20.4%,16.5%)`
CMYK	0, 76, 80, 16
HSL	3.5°, 68.4, 50.4	`hsl(3.5,68.4%,50.4%)`
HSV (or HSB)	3.5°, 80.5, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.353, 61.803, 44.893
XYZ	29.672, 17.074, 3.924
xyY	0.586, 0.337, 17.074
CIE-LCH	48.353, 76.387, 35.995
CIE-LUV	48.353, 126.371, 30.233
Hunter-Lab	41.321, 55.868, 23.294
Binary	11010111, 00110100, 00101010

#d7342a
```
#d7342a rgb(215,52,42)
```
#2acdd7
```
#2acdd7 rgb(42,205,215)
```

Complementary Color

#d72a77
```
#d72a77 rgb(215,42,119)
```
#d7342a
```
#d7342a rgb(215,52,42)
```
#d78b2a
```
#d78b2a rgb(215,139,42)
```

Analogous Color

#2a77d7
```
#2a77d7 rgb(42,119,215)
```
#d7342a
```
#d7342a rgb(215,52,42)
```
#2ad78b
```
#2ad78b rgb(42,215,139)
```

Split Complementary Color

#342ad7
```
#342ad7 rgb(52,42,215)
```
#d7342a
```
#d7342a rgb(215,52,42)
```
#2ad734
```
#2ad734 rgb(42,215,52)
```

Triadic Color

#d72acd
```
#d72acd rgb(215,42,205)
```
#d7342a
```
#d7342a rgb(215,52,42)
```
#2ad734
```
#2ad734 rgb(42,215,52)
```
#2acdd7
```
#2acdd7 rgb(42,205,215)
```

Tetradic Color

#98241d
```
#98241d rgb(152,36,29)
```
#ad2921
```
#ad2921 rgb(173,41,33)
```
#c32e25
```
#c32e25 rgb(195,46,37)
```
#d7342a
```
#d7342a rgb(215,52,42)
```
#db483f
```
#db483f rgb(219,72,63)
```
#df5d55
```
#df5d55 rgb(223,93,85)
```
#e3716a
```
#e3716a rgb(227,113,106)
```

Monochromatic Color

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

#d72a4b
```
#d72a4b rgb(215,42,75)
```
#d72a3d
```
#d72a3d rgb(215,42,61)
```
#d72a2e
```
#d72a2e rgb(215,42,46)
```
#d7342a
```
#d7342a rgb(215,52,42)
```
#d7422a
```
#d7422a rgb(215,66,42)
```
#d7512a
```
#d7512a rgb(215,81,42)
```
#d75f2a
```
#d75f2a rgb(215,95,42)
```

Similar Colors

Text with hexadecimal color #d7342a

This text has a font color of #d7342a.

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

#d7342a background color

This paragraph has a background color of #d7342a.

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

#d7342a border color

This element has a border color of #d7342a.

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

CSS codes

.text {color:#d7342a;}

.background {background-color:#d7342a;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#120403
```
#120403 rgb(18,4,3)
```
#230807
```
#230807 rgb(35,8,7)
```
#330c0a
```
#330c0a rgb(51,12,10)
```
#44100d
```
#44100d rgb(68,16,13)
```
#541410
```
#541410 rgb(84,20,16)
```
#651813
```
#651813 rgb(101,24,19)
```
#751c16
```
#751c16 rgb(117,28,22)
```
#861f19
```
#861f19 rgb(134,31,25)
```
#96231c
```
#96231c rgb(150,35,28)
```
#a7271f
```
#a7271f rgb(167,39,31)
```
#b72b22
```
#b72b22 rgb(183,43,34)
```
#c82f26
```
#c82f26 rgb(200,47,38)
```

Shade Color Variation

#d7342a
```
#d7342a rgb(215,52,42)
```
#da443b
```
#da443b rgb(218,68,59)
```
#dd534b
```
#dd534b rgb(221,83,75)
```
#e0635c
```
#e0635c rgb(224,99,92)
```
#e3736c
```
#e3736c rgb(227,115,108)
```
#e7837d
```
#e7837d rgb(231,131,125)
```
#ea928d
```
#ea928d rgb(234,146,141)
```
#eda29e
```
#eda29e rgb(237,162,158)
```
#f0b2ae
```
#f0b2ae rgb(240,178,174)
```
#f3c2bf
```
#f3c2bf rgb(243,194,191)
```
#f6d1cf
```
#f6d1cf rgb(246,209,207)
```
#f9e1e0
```
#f9e1e0 rgb(249,225,224)
```
#fcf1f0
```
#fcf1f0 rgb(252,241,240)
```

Tint Color Variation

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

#897978
```
#897978 rgb(137,121,120)
```
#93706e
```
#93706e rgb(147,112,110)
```
#9d6864
```
#9d6864 rgb(157,104,100)
```
#a65f5b
```
#a65f5b rgb(166,95,91)
```
#b05651
```
#b05651 rgb(176,86,81)
```
#ba4e47
```
#ba4e47 rgb(186,78,71)
```
#c4453d
```
#c4453d rgb(196,69,61)
```
#cd3d34
```
#cd3d34 rgb(205,61,52)
```
#d7342a
```
#d7342a rgb(215,52,42)
```
#e12b20
```
#e12b20 rgb(225,43,32)
```
#ea2317
```
#ea2317 rgb(234,35,23)
```
#f41a0d
```
#f41a0d rgb(244,26,13)
```
#fe1203
```
#fe1203 rgb(254,18,3)
```

Tone Color Variation

Below, you can see how #d7342a 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
#7b5a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857a45 Protanopia 1% of men
#977426 Deuteranopia 1% of men
#d93d3f Tritanopia 0.001% of the population

Trichromacy

#a3603b Protanomaly 1% of men, 0.01% of women
#ae5c27 Deuteranomaly 6% of men, 0.4% of women
#d83937 Tritanomaly 0.01% of the population

#d7342a hex color

#d7342a Color Information

#d7342a Color Conversion

Color Schemes with #d7342a

Alternatives to #d7342a

#d7342a Preview

Shades and Tints of #d7342a

Tones of #d7342a

Color Blindness Simulator