#d71a2f hex color

In a RGB color space, hex #d71a2f is composed of 84.3% red, 10.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.9% magenta, 78.1% yellow and 15.7% black. It has a hue angle of 353.3 degrees, a saturation of 78.4% and a lightness of 47.3%. #d71a2f color hex could be obtained by blending #ff345e with #af0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 84
- G 10
- B 18
RGB color chart
- C 0
- M 88
- Y 78
- K 16
CMYK color chart

● #d71a2f color description : Strong red.

The hexadecimal color #d71a2f has RGB values of R:215, G:26, B:47 and CMYK values of C:0, M:0.88, Y:0.78, K:0.16. Its decimal value is 14096943.

Hex triplet	d71a2f	`#d71a2f`
RGB Decimal	215, 26, 47	`rgb(215,26,47)`
RGB Percent	84.3, 10.2, 18.4	`rgb(84.3%,10.2%,18.4%)`
CMYK	0, 88, 78, 16
HSL	353.3°, 78.4, 47.3	`hsl(353.3,78.4%,47.3%)`
HSV (or HSB)	353.3°, 87.9, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.17, 68.277, 39.945
XYZ	28.908, 15.395, 4.139
xyY	0.597, 0.318, 15.395
CIE-LCH	46.17, 79.103, 30.33
CIE-LUV	46.17, 136.187, 24.363
Hunter-Lab	39.236, 62.851, 21.212
Binary	11010111, 00011010, 00101111

#d71a2f
```
#d71a2f rgb(215,26,47)
```
#1ad7c2
```
#1ad7c2 rgb(26,215,194)
```

Complementary Color

#d71a8e
```
#d71a8e rgb(215,26,142)
```
#d71a2f
```
#d71a2f rgb(215,26,47)
```
#d7641a
```
#d7641a rgb(215,100,26)
```

Analogous Color

#1a8ed7
```
#1a8ed7 rgb(26,142,215)
```
#d71a2f
```
#d71a2f rgb(215,26,47)
```
#1ad764
```
#1ad764 rgb(26,215,100)
```

Split Complementary Color

#1a2fd7
```
#1a2fd7 rgb(26,47,215)
```
#d71a2f
```
#d71a2f rgb(215,26,47)
```
#2fd71a
```
#2fd71a rgb(47,215,26)
```

Triadic Color

#c21ad7
```
#c21ad7 rgb(194,26,215)
```
#d71a2f
```
#d71a2f rgb(215,26,47)
```
#2fd71a
```
#2fd71a rgb(47,215,26)
```
#1ad7c2
```
#1ad7c2 rgb(26,215,194)
```

Tetradic Color

#931220
```
#931220 rgb(147,18,32)
```
#aa1425
```
#aa1425 rgb(170,20,37)
```
#c0172a
```
#c0172a rgb(192,23,42)
```
#d71a2f
```
#d71a2f rgb(215,26,47)
```
#e5263b
```
#e5263b rgb(229,38,59)
```
#e73d50
```
#e73d50 rgb(231,61,80)
```
#ea5364
```
#ea5364 rgb(234,83,100)
```

Monochromatic Color

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

#d71a5e
```
#d71a5e rgb(215,26,94)
```
#d71a4e
```
#d71a4e rgb(215,26,78)
```
#d71a3f
```
#d71a3f rgb(215,26,63)
```
#d71a2f
```
#d71a2f rgb(215,26,47)
```
#d71a1f
```
#d71a1f rgb(215,26,31)
```
#d7251a
```
#d7251a rgb(215,37,26)
```
#d7341a
```
#d7341a rgb(215,52,26)
```

Similar Colors

Text with hexadecimal color #d71a2f

This text has a font color of #d71a2f.

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

#d71a2f background color

This paragraph has a background color of #d71a2f.

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

#d71a2f border color

This element has a border color of #d71a2f.

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

CSS codes

.text {color:#d71a2f;}

.background {background-color:#d71a2f;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#170305
```
#170305 rgb(23,3,5)
```
#280509
```
#280509 rgb(40,5,9)
```
#3a070d
```
#3a070d rgb(58,7,13)
```
#4b0910
```
#4b0910 rgb(75,9,16)
```
#5d0b14
```
#5d0b14 rgb(93,11,20)
```
#6e0d18
```
#6e0d18 rgb(110,13,24)
```
#800f1c
```
#800f1c rgb(128,15,28)
```
#911220
```
#911220 rgb(145,18,32)
```
#a31424
```
#a31424 rgb(163,20,36)
```
#b41627
```
#b41627 rgb(180,22,39)
```
#c6182b
```
#c6182b rgb(198,24,43)
```
#d71a2f
```
#d71a2f rgb(215,26,47)
```

Shade Color Variation

#e42136
```
#e42136 rgb(228,33,54)
```
#e63246
```
#e63246 rgb(230,50,70)
```
#e84456
```
#e84456 rgb(232,68,86)
```
#ea5566
```
#ea5566 rgb(234,85,102)
```
#ed6775
```
#ed6775 rgb(237,103,117)
```
#ef7885
```
#ef7885 rgb(239,120,133)
```
#f18a95
```
#f18a95 rgb(241,138,149)
```
#f39ba5
```
#f39ba5 rgb(243,155,165)
```
#f5adb5
```
#f5adb5 rgb(245,173,181)
```
#f7bec4
```
#f7bec4 rgb(247,190,196)
```
#f9d0d4
```
#f9d0d4 rgb(249,208,212)
```
#fbe1e4
```
#fbe1e4 rgb(251,225,228)
```
#fdf3f4
```
#fdf3f4 rgb(253,243,244)
```

Tint Color Variation

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

#7a7777
```
#7a7777 rgb(122,119,119)
```
#846d70
```
#846d70 rgb(132,109,112)
```
#8d6469
```
#8d6469 rgb(141,100,105)
```
#965b61
```
#965b61 rgb(150,91,97)
```
#9f525a
```
#9f525a rgb(159,82,90)
```
#a94853
```
#a94853 rgb(169,72,83)
```
#b23f4c
```
#b23f4c rgb(178,63,76)
```
#bb3645
```
#bb3645 rgb(187,54,69)
```
#c42d3d
```
#c42d3d rgb(196,45,61)
```
#ce2336
```
#ce2336 rgb(206,35,54)
```
#d71a2f
```
#d71a2f rgb(215,26,47)
```
#e01128
```
#e01128 rgb(224,17,40)
```
#ea0721
```
#ea0721 rgb(234,7,33)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6f494d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e744e Protanopia 1% of men
#906f2b Deuteranopia 1% of men
#d82927 Tritanopia 0.001% of the population

Trichromacy

#9e5343 Protanomaly 1% of men, 0.01% of women
#aa502c Deuteranomaly 6% of men, 0.4% of women
#d8232a Tritanomaly 0.01% of the population

#d71a2f hex color

#d71a2f Color Information

#d71a2f Color Conversion

Color Schemes with #d71a2f

Alternatives to #d71a2f

#d71a2f Preview

Shades and Tints of #d71a2f

Tones of #d71a2f

Color Blindness Simulator