#d7212f hex color

In a RGB color space, hex #d7212f is composed of 84.3% red, 12.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.7% magenta, 78.1% yellow and 15.7% black. It has a hue angle of 355.4 degrees, a saturation of 73.4% and a lightness of 48.6%. #d7212f color hex could be obtained by blending #ff425e with #af0000. Closest websafe color is: #cc3333.

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

● #d7212f color description : Strong red.

The hexadecimal color #d7212f has RGB values of R:215, G:33, B:47 and CMYK values of C:0, M:0.85, Y:0.78, K:0.16. Its decimal value is 14098735.

Hex triplet	d7212f	`#d7212f`
RGB Decimal	215, 33, 47	`rgb(215,33,47)`
RGB Percent	84.3, 12.9, 18.4	`rgb(84.3%,12.9%,18.4%)`
CMYK	0, 85, 78, 16
HSL	355.4°, 73.4, 48.6	`hsl(355.4,73.4%,48.6%)`
HSV (or HSB)	355.4°, 84.7, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.636, 66.942, 40.435
XYZ	29.083, 15.744, 4.197
xyY	0.593, 0.321, 15.744
CIE-LCH	46.636, 78.207, 31.133
CIE-LUV	46.636, 133.911, 25.261
Hunter-Lab	39.678, 61.397, 21.504
Binary	11010111, 00100001, 00101111

#d7212f
```
#d7212f rgb(215,33,47)
```
#21d7c9
```
#21d7c9 rgb(33,215,201)
```

Complementary Color

#d7218a
```
#d7218a rgb(215,33,138)
```
#d7212f
```
#d7212f rgb(215,33,47)
```
#d76e21
```
#d76e21 rgb(215,110,33)
```

Analogous Color

#218ad7
```
#218ad7 rgb(33,138,215)
```
#d7212f
```
#d7212f rgb(215,33,47)
```
#21d76e
```
#21d76e rgb(33,215,110)
```

Split Complementary Color

#212fd7
```
#212fd7 rgb(33,47,215)
```
#d7212f
```
#d7212f rgb(215,33,47)
```
#2fd721
```
#2fd721 rgb(47,215,33)
```

Triadic Color

#c921d7
```
#c921d7 rgb(201,33,215)
```
#d7212f
```
#d7212f rgb(215,33,47)
```
#2fd721
```
#2fd721 rgb(47,215,33)
```
#21d7c9
```
#21d7c9 rgb(33,215,201)
```

Tetradic Color

#951721
```
#951721 rgb(149,23,33)
```
#ab1a25
```
#ab1a25 rgb(171,26,37)
```
#c11e2a
```
#c11e2a rgb(193,30,42)
```
#d7212f
```
#d7212f rgb(215,33,47)
```
#e0323f
```
#e0323f rgb(224,50,63)
```
#e34854
```
#e34854 rgb(227,72,84)
```
#e65e69
```
#e65e69 rgb(230,94,105)
```

Monochromatic Color

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

#d7215d
```
#d7215d rgb(215,33,93)
```
#d7214d
```
#d7214d rgb(215,33,77)
```
#d7213e
```
#d7213e rgb(215,33,62)
```
#d7212f
```
#d7212f rgb(215,33,47)
```
#d72221
```
#d72221 rgb(215,34,33)
```
#d73121
```
#d73121 rgb(215,49,33)
```
#d74021
```
#d74021 rgb(215,64,33)
```

Similar Colors

Text with hexadecimal color #d7212f

This text has a font color of #d7212f.

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

#d7212f background color

This paragraph has a background color of #d7212f.

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

#d7212f border color

This element has a border color of #d7212f.

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

CSS codes

.text {color:#d7212f;}

.background {background-color:#d7212f;}

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

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, #0b0202 is the darkest color, while #fef9f9 is the lightest one.

#0b0202
```
#0b0202 rgb(11,2,2)
```
#1c0406
```
#1c0406 rgb(28,4,6)
```
#2d070a
```
#2d070a rgb(45,7,10)
```
#3e0a0e
```
#3e0a0e rgb(62,10,14)
```
#4f0c11
```
#4f0c11 rgb(79,12,17)
```
#600f15
```
#600f15 rgb(96,15,21)
```
#711119
```
#711119 rgb(113,17,25)
```
#82141c
```
#82141c rgb(130,20,28)
```
#931720
```
#931720 rgb(147,23,32)
```
#a41924
```
#a41924 rgb(164,25,36)
```
#b51c28
```
#b51c28 rgb(181,28,40)
```
#c61e2b
```
#c61e2b rgb(198,30,43)
```
#d7212f
```
#d7212f rgb(215,33,47)
```

Shade Color Variation

#df2d3b
```
#df2d3b rgb(223,45,59)
```
#e13e4a
```
#e13e4a rgb(225,62,74)
```
#e44f5a
```
#e44f5a rgb(228,79,90)
```
#e7606a
```
#e7606a rgb(231,96,106)
```
#e9717a
```
#e9717a rgb(233,113,122)
```
#ec828a
```
#ec828a rgb(236,130,138)
```
#ee939a
```
#ee939a rgb(238,147,154)
```
#f1a4aa
```
#f1a4aa rgb(241,164,170)
```
#f4b5ba
```
#f4b5ba rgb(244,181,186)
```
#f6c6ca
```
#f6c6ca rgb(246,198,202)
```
#f9d7da
```
#f9d7da rgb(249,215,218)
```
#fbe8e9
```
#fbe8e9 rgb(251,232,233)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#817778
```
#817778 rgb(129,119,120)
```
#8b6d70
```
#8b6d70 rgb(139,109,112)
```
#946467
```
#946467 rgb(148,100,103)
```
#9e5a5f
```
#9e5a5f rgb(158,90,95)
```
#a75157
```
#a75157 rgb(167,81,87)
```
#b1474f
```
#b1474f rgb(177,71,79)
```
#ba3e47
```
#ba3e47 rgb(186,62,71)
```
#c4343f
```
#c4343f rgb(196,52,63)
```
#cd2b37
```
#cd2b37 rgb(205,43,55)
```
#d7212f
```
#d7212f rgb(215,33,47)
```
#e11727
```
#e11727 rgb(225,23,39)
```
#ea0e1f
```
#ea0e1f rgb(234,14,31)
```
#f40417
```
#f40417 rgb(244,4,23)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#724e51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80764d Protanopia 1% of men
#92702b Deuteranopia 1% of men
#d82e2e Tritanopia 0.001% of the population

Trichromacy

#9f5742 Protanomaly 1% of men, 0.01% of women
#ab532c Deuteranomaly 6% of men, 0.4% of women
#d8292e Tritanomaly 0.01% of the population

#d7212f hex color

#d7212f Color Information

#d7212f Color Conversion

Color Schemes with #d7212f

Alternatives to #d7212f

#d7212f Preview

Shades and Tints of #d7212f

Tones of #d7212f

Color Blindness Simulator