#d74d31 hex color

In a RGB color space, hex #d74d31 is composed of 84.3% red, 30.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.2% magenta, 77.2% yellow and 15.7% black. It has a hue angle of 10.1 degrees, a saturation of 67.5% and a lightness of 51.8%. #d74d31 color hex could be obtained by blending #ff9a62 with #af0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 30
- B 19
RGB color chart
- C 0
- M 64
- Y 77
- K 16
CMYK color chart

● #d74d31 color description : Strong red.

The hexadecimal color #d74d31 has RGB values of R:215, G:77, B:49 and CMYK values of C:0, M:0.64, Y:0.77, K:0.16. Its decimal value is 14110001.

Hex triplet	d74d31	`#d74d31`
RGB Decimal	215, 77, 49	`rgb(215,77,49)`
RGB Percent	84.3, 30.2, 19.2	`rgb(84.3%,30.2%,19.2%)`
CMYK	0, 64, 77, 16
HSL	10.1°, 67.5, 51.8	`hsl(10.1,67.5%,51.8%)`
HSV (or HSB)	10.1°, 77.2, 84.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.815, 52.733, 44.746
XYZ	31.234, 19.98, 5.117
xyY	0.554, 0.355, 19.98
CIE-LCH	51.815, 69.159, 40.316
CIE-LUV	51.815, 109.76, 34.316
Hunter-Lab	44.699, 46.506, 24.501
Binary	11010111, 01001101, 00110001

#d74d31
```
#d74d31 rgb(215,77,49)
```
#31bbd7
```
#31bbd7 rgb(49,187,215)
```

Complementary Color

#d73168
```
#d73168 rgb(215,49,104)
```
#d74d31
```
#d74d31 rgb(215,77,49)
```
#d7a031
```
#d7a031 rgb(215,160,49)
```

Analogous Color

#3168d7
```
#3168d7 rgb(49,104,215)
```
#d74d31
```
#d74d31 rgb(215,77,49)
```
#31d7a0
```
#31d7a0 rgb(49,215,160)
```

Split Complementary Color

#4d31d7
```
#4d31d7 rgb(77,49,215)
```
#d74d31
```
#d74d31 rgb(215,77,49)
```
#31d74d
```
#31d74d rgb(49,215,77)
```

Triadic Color

#d731bb
```
#d731bb rgb(215,49,187)
```
#d74d31
```
#d74d31 rgb(215,77,49)
```
#31d74d
```
#31d74d rgb(49,215,77)
```
#31bbd7
```
#31bbd7 rgb(49,187,215)
```

Tetradic Color

#9d341e
```
#9d341e rgb(157,52,30)
```
#b23b23
```
#b23b23 rgb(178,59,35)
```
#c84227
```
#c84227 rgb(200,66,39)
```
#d74d31
```
#d74d31 rgb(215,77,49)
```
#db5f46
```
#db5f46 rgb(219,95,70)
```
#df725c
```
#df725c rgb(223,114,92)
```
#e38471
```
#e38471 rgb(227,132,113)
```

Monochromatic Color

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

#d7313f
```
#d7313f rgb(215,49,63)
```
#d73131
```
#d73131 rgb(215,49,49)
```
#d73f31
```
#d73f31 rgb(215,63,49)
```
#d74d31
```
#d74d31 rgb(215,77,49)
```
#d75b31
```
#d75b31 rgb(215,91,49)
```
#d76931
```
#d76931 rgb(215,105,49)
```
#d77731
```
#d77731 rgb(215,119,49)
```

Similar Colors

Text with hexadecimal color #d74d31

This text has a font color of #d74d31.

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

#d74d31 background color

This paragraph has a background color of #d74d31.

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

#d74d31 border color

This element has a border color of #d74d31.

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

CSS codes

.text {color:#d74d31;}

.background {background-color:#d74d31;}

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

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

#080201
```
#080201 rgb(8,2,1)
```
#180805
```
#180805 rgb(24,8,5)
```
#280d08
```
#280d08 rgb(40,13,8)
```
#39130b
```
#39130b rgb(57,19,11)
```
#49180e
```
#49180e rgb(73,24,14)
```
#5a1e11
```
#5a1e11 rgb(90,30,17)
```
#6a2315
```
#6a2315 rgb(106,35,21)
```
#7b2818
```
#7b2818 rgb(123,40,24)
```
#8b2e1b
```
#8b2e1b rgb(139,46,27)
```
#9b331e
```
#9b331e rgb(155,51,30)
```
#ac3921
```
#ac3921 rgb(172,57,33)
```
#bc3e25
```
#bc3e25 rgb(188,62,37)
```
#cd4428
```
#cd4428 rgb(205,68,40)
```

Shade Color Variation

#d74d31
```
#d74d31 rgb(215,77,49)
```
#da5b41
```
#da5b41 rgb(218,91,65)
```
#dd6952
```
#dd6952 rgb(221,105,82)
```
#e17862
```
#e17862 rgb(225,120,98)
```
#e48673
```
#e48673 rgb(228,134,115)
```
#e79483
```
#e79483 rgb(231,148,131)
```
#eaa294
```
#eaa294 rgb(234,162,148)
```
#edb0a4
```
#edb0a4 rgb(237,176,164)
```
#f1bfb4
```
#f1bfb4 rgb(241,191,180)
```
#f4cdc5
```
#f4cdc5 rgb(244,205,197)
```
#f7dbd5
```
#f7dbd5 rgb(247,219,213)
```
#fae9e6
```
#fae9e6 rgb(250,233,230)
```
#fdf7f6
```
#fdf7f6 rgb(253,247,246)
```

Tint Color Variation

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

#8b7f7d
```
#8b7f7d rgb(139,127,125)
```
#957973
```
#957973 rgb(149,121,115)
```
#9e736a
```
#9e736a rgb(158,115,106)
```
#a86c60
```
#a86c60 rgb(168,108,96)
```
#b16657
```
#b16657 rgb(177,102,87)
```
#bb604d
```
#bb604d rgb(187,96,77)
```
#c45a44
```
#c45a44 rgb(196,90,68)
```
#ce533a
```
#ce533a rgb(206,83,58)
```
#d74d31
```
#d74d31 rgb(215,77,49)
```
#e04728
```
#e04728 rgb(224,71,40)
```
#ea401e
```
#ea401e rgb(234,64,30)
```
#f33a15
```
#f33a15 rgb(243,58,21)
```
#fd340b
```
#fd340b rgb(253,52,11)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#876b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8248 Protanopia 1% of men
#a17c30 Deuteranopia 1% of men
#da5257 Tritanopia 0.001% of the population

Trichromacy

#a96f3f Protanomaly 1% of men, 0.01% of women
#b46b30 Deuteranomaly 6% of men, 0.4% of women
#d95049 Tritanomaly 0.01% of the population

#d74d31 hex color

#d74d31 Color Information

#d74d31 Color Conversion

Color Schemes with #d74d31

Alternatives to #d74d31

#d74d31 Preview

Shades and Tints of #d74d31

Tones of #d74d31

Color Blindness Simulator