#d74142 hex color

In a RGB color space, hex #d74142 is composed of 84.3% red, 25.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.8% magenta, 69.3% yellow and 15.7% black. It has a hue angle of 359.6 degrees, a saturation of 65.2% and a lightness of 54.9%. #d74142 color hex could be obtained by blending #ff8284 with #af0000. 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

● #d74142 color description : Moderate red.

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

Hex triplet	d74142	`#d74142`
RGB Decimal	215, 65, 66	`rgb(215,65,66)`
RGB Percent	84.3, 25.5, 25.9	`rgb(84.3%,25.5%,25.9%)`
CMYK	0, 70, 69, 16
HSL	359.6°, 65.2, 54.9	`hsl(359.6,65.2%,54.9%)`
HSV (or HSB)	359.6°, 69.8, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.245, 58.262, 33.633
XYZ	30.899, 18.625, 7.122
xyY	0.545, 0.329, 18.625
CIE-LCH	50.245, 67.273, 29.997
CIE-LUV	50.245, 114.212, 24.236
Hunter-Lab	43.156, 52.281, 20.425
Binary	11010111, 01000001, 01000010

#d74142
```
#d74142 rgb(215,65,66)
```
#41d7d6
```
#41d7d6 rgb(65,215,214)
```

Complementary Color

#d7418d
```
#d7418d rgb(215,65,141)
```
#d74142
```
#d74142 rgb(215,65,66)
```
#d78b41
```
#d78b41 rgb(215,139,65)
```

Analogous Color

#418dd7
```
#418dd7 rgb(65,141,215)
```
#d74142
```
#d74142 rgb(215,65,66)
```
#41d78b
```
#41d78b rgb(65,215,139)
```

Split Complementary Color

#4142d7
```
#4142d7 rgb(65,66,215)
```
#d74142
```
#d74142 rgb(215,65,66)
```
#42d741
```
#42d741 rgb(66,215,65)
```

Triadic Color

#d641d7
```
#d641d7 rgb(214,65,215)
```
#d74142
```
#d74142 rgb(215,65,66)
```
#42d741
```
#42d741 rgb(66,215,65)
```
#41d7d6
```
#41d7d6 rgb(65,215,214)
```

Tetradic Color

#a82324
```
#a82324 rgb(168,35,36)
```
#bd2829
```
#bd2829 rgb(189,40,41)
```
#d22c2d
```
#d22c2d rgb(210,44,45)
```
#d74142
```
#d74142 rgb(215,65,66)
```
#db5657
```
#db5657 rgb(219,86,87)
```
#e06b6c
```
#e06b6c rgb(224,107,108)
```
#e48081
```
#e48081 rgb(228,128,129)
```

Monochromatic Color

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

#d74168
```
#d74168 rgb(215,65,104)
```
#d7415b
```
#d7415b rgb(215,65,91)
```
#d7414f
```
#d7414f rgb(215,65,79)
```
#d74142
```
#d74142 rgb(215,65,66)
```
#d74d41
```
#d74d41 rgb(215,77,65)
```
#d75941
```
#d75941 rgb(215,89,65)
```
#d76641
```
#d76641 rgb(215,102,65)
```

Similar Colors

Text with hexadecimal color #d74142

This text has a font color of #d74142.

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

#d74142 background color

This paragraph has a background color of #d74142.

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

#d74142 border color

This element has a border color of #d74142.

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

CSS codes

.text {color:#d74142;}

.background {background-color:#d74142;}

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

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 #fdf3f3 is the lightest one.

#040101
```
#040101 rgb(4,1,1)
```
#150404
```
#150404 rgb(21,4,4)
```
#250808
```
#250808 rgb(37,8,8)
```
#350b0b
```
#350b0b rgb(53,11,11)
```
#450f0f
```
#450f0f rgb(69,15,15)
```
#551212
```
#551212 rgb(85,18,18)
```
#661516
```
#661516 rgb(102,21,22)
```
#761919
```
#761919 rgb(118,25,25)
```
#861c1d
```
#861c1d rgb(134,28,29)
```
#962020
```
#962020 rgb(150,32,32)
```
#a62324
```
#a62324 rgb(166,35,36)
```
#b72627
```
#b72627 rgb(183,38,39)
```
#c72a2b
```
#c72a2b rgb(199,42,43)
```

Shade Color Variation

#d43132
```
#d43132 rgb(212,49,50)
```
#d74142
```
#d74142 rgb(215,65,66)
```
#da5152
```
#da5152 rgb(218,81,82)
```
#de6162
```
#de6162 rgb(222,97,98)
```
#e17272
```
#e17272 rgb(225,114,114)
```
#e58282
```
#e58282 rgb(229,130,130)
```
#e89293
```
#e89293 rgb(232,146,147)
```
#eba2a3
```
#eba2a3 rgb(235,162,163)
```
#efb2b3
```
#efb2b3 rgb(239,178,179)
```
#f2c3c3
```
#f2c3c3 rgb(242,195,195)
```
#f6d3d3
```
#f6d3d3 rgb(246,211,211)
```
#f9e3e3
```
#f9e3e3 rgb(249,227,227)
```
#fdf3f3
```
#fdf3f3 rgb(253,243,243)
```

Tint Color Variation

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

#908888
```
#908888 rgb(144,136,136)
```
#997f7f
```
#997f7f rgb(153,127,127)
```
#a27676
```
#a27676 rgb(162,118,118)
```
#ab6d6e
```
#ab6d6e rgb(171,109,110)
```
#b46465
```
#b46465 rgb(180,100,101)
```
#bc5c5c
```
#bc5c5c rgb(188,92,92)
```
#c55353
```
#c55353 rgb(197,83,83)
```
#ce4a4b
```
#ce4a4b rgb(206,74,75)
```
#d74142
```
#d74142 rgb(215,65,66)
```
#e03839
```
#e03839 rgb(224,56,57)
```
#e92f31
```
#e92f31 rgb(233,47,49)
```
#f22628
```
#f22628 rgb(242,38,40)
```
#fa1e1f
```
#fa1e1f rgb(250,30,31)
```

Tone Color Variation

Below, you can see how #d74142 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
#d94a4e Tritanopia 0.001% of the population

Trichromacy

#a46853 Protanomaly 1% of men, 0.01% of women
#b06441 Deuteranomaly 6% of men, 0.4% of women
#d84749 Tritanomaly 0.01% of the population

#d74142 hex color

#d74142 Color Information

#d74142 Color Conversion

Color Schemes with #d74142

Alternatives to #d74142

#d74142 Preview

Shades and Tints of #d74142

Tones of #d74142

Color Blindness Simulator