#d53f31 hex color

In a RGB color space, hex #d53f31 is composed of 83.5% red, 24.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.4% magenta, 77% yellow and 16.5% black. It has a hue angle of 5.1 degrees, a saturation of 66.1% and a lightness of 51.4%. #d53f31 color hex could be obtained by blending #ff7e62 with #ab0000. Closest websafe color is: #cc3333.

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

● #d53f31 color description : Strong red.

The hexadecimal color #d53f31 has RGB values of R:213, G:63, B:49 and CMYK values of C:0, M:0.7, Y:0.77, K:0.16. Its decimal value is 13975345.

Hex triplet	d53f31	`#d53f31`
RGB Decimal	213, 63, 49	`rgb(213,63,49)`
RGB Percent	83.5, 24.7, 19.2	`rgb(83.5%,24.7%,19.2%)`
CMYK	0, 70, 77, 16
HSL	5.1°, 66.1, 51.4	`hsl(5.1,66.1%,51.4%)`
HSV (or HSB)	5.1°, 77, 83.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.407, 57.649, 42.128
XYZ	29.774, 17.926, 4.798
xyY	0.567, 0.341, 17.926
CIE-LCH	49.407, 71.402, 36.158
CIE-LUV	49.407, 117.268, 30.197
Hunter-Lab	42.34, 51.43, 22.919
Binary	11010101, 00111111, 00110001

#d53f31
```
#d53f31 rgb(213,63,49)
```
#31c7d5
```
#31c7d5 rgb(49,199,213)
```

Complementary Color

#d53175
```
#d53175 rgb(213,49,117)
```
#d53f31
```
#d53f31 rgb(213,63,49)
```
#d59131
```
#d59131 rgb(213,145,49)
```

Analogous Color

#3175d5
```
#3175d5 rgb(49,117,213)
```
#d53f31
```
#d53f31 rgb(213,63,49)
```
#31d591
```
#31d591 rgb(49,213,145)
```

Split Complementary Color

#3f31d5
```
#3f31d5 rgb(63,49,213)
```
#d53f31
```
#d53f31 rgb(213,63,49)
```
#31d53f
```
#31d53f rgb(49,213,63)
```

Triadic Color

#d531c7
```
#d531c7 rgb(213,49,199)
```
#d53f31
```
#d53f31 rgb(213,63,49)
```
#31d53f
```
#31d53f rgb(49,213,63)
```
#31c7d5
```
#31c7d5 rgb(49,199,213)
```

Tetradic Color

#9a2a1f
```
#9a2a1f rgb(154,42,31)
```
#af3024
```
#af3024 rgb(175,48,36)
```
#c43528
```
#c43528 rgb(196,53,40)
```
#d53f31
```
#d53f31 rgb(213,63,49)
```
#d95346
```
#d95346 rgb(217,83,70)
```
#de665b
```
#de665b rgb(222,102,91)
```
#e27a71
```
#e27a71 rgb(226,122,113)
```

Monochromatic Color

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

#d5314c
```
#d5314c rgb(213,49,76)
```
#d5313e
```
#d5313e rgb(213,49,62)
```
#d53131
```
#d53131 rgb(213,49,49)
```
#d53f31
```
#d53f31 rgb(213,63,49)
```
#d54d31
```
#d54d31 rgb(213,77,49)
```
#d55a31
```
#d55a31 rgb(213,90,49)
```
#d56831
```
#d56831 rgb(213,104,49)
```

Similar Colors

Text with hexadecimal color #d53f31

This text has a font color of #d53f31.

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

#d53f31 background color

This paragraph has a background color of #d53f31.

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

#d53f31 border color

This element has a border color of #d53f31.

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

CSS codes

.text {color:#d53f31;}

.background {background-color:#d53f31;}

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

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

#060201
```
#060201 rgb(6,2,1)
```
#160605
```
#160605 rgb(22,6,5)
```
#260a08
```
#260a08 rgb(38,10,8)
```
#370f0b
```
#370f0b rgb(55,15,11)
```
#47130e
```
#47130e rgb(71,19,14)
```
#571812
```
#571812 rgb(87,24,18)
```
#681c15
```
#681c15 rgb(104,28,21)
```
#782118
```
#782118 rgb(120,33,24)
```
#88251c
```
#88251c rgb(136,37,28)
```
#98291f
```
#98291f rgb(152,41,31)
```
#a92e22
```
#a92e22 rgb(169,46,34)
```
#b93226
```
#b93226 rgb(185,50,38)
```
#c93729
```
#c93729 rgb(201,55,41)
```

Shade Color Variation

#d53f31
```
#d53f31 rgb(213,63,49)
```
#d84e41
```
#d84e41 rgb(216,78,65)
```
#dc5d52
```
#dc5d52 rgb(220,93,82)
```
#df6d62
```
#df6d62 rgb(223,109,98)
```
#e27c72
```
#e27c72 rgb(226,124,114)
```
#e68b82
```
#e68b82 rgb(230,139,130)
```
#e99a93
```
#e99a93 rgb(233,154,147)
```
#eca9a3
```
#eca9a3 rgb(236,169,163)
```
#f0b8b3
```
#f0b8b3 rgb(240,184,179)
```
#f3c8c4
```
#f3c8c4 rgb(243,200,196)
```
#f6d7d4
```
#f6d7d4 rgb(246,215,212)
```
#fae6e4
```
#fae6e4 rgb(250,230,228)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,245)
```

Tint Color Variation

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

#897e7d
```
#897e7d rgb(137,126,125)
```
#927674
```
#927674 rgb(146,118,116)
```
#9c6e6a
```
#9c6e6a rgb(156,110,106)
```
#a56761
```
#a56761 rgb(165,103,97)
```
#af5f57
```
#af5f57 rgb(175,95,87)
```
#b8574e
```
#b8574e rgb(184,87,78)
```
#c24f44
```
#c24f44 rgb(194,79,68)
```
#cb473b
```
#cb473b rgb(203,71,59)
```
#d53f31
```
#d53f31 rgb(213,63,49)
```
#df3727
```
#df3727 rgb(223,55,39)
```
#e82f1e
```
#e82f1e rgb(232,47,30)
```
#f22714
```
#f22714 rgb(242,39,20)
```
#fb1f0b
```
#fb1f0b rgb(251,31,11)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7f615f Atypical Achromatopsia 0.001% of the population

Dichromacy

#887c4a Protanopia 1% of men
#9a762f Deuteranopia 1% of men
#d7474a Tritanopia 0.001% of the population

Trichromacy

#a46641 Protanomaly 1% of men, 0.01% of women
#af6230 Deuteranomaly 6% of men, 0.4% of women
#d64441 Tritanomaly 0.01% of the population

#d53f31 hex color

#d53f31 Color Information

#d53f31 Color Conversion

Color Schemes with #d53f31

Alternatives to #d53f31

#d53f31 Preview

Shades and Tints of #d53f31

Tones of #d53f31

Color Blindness Simulator