#d7213f hex color

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

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

● #d7213f color description : Strong red.

The hexadecimal color #d7213f has RGB values of R:215, G:33, B:63 and CMYK values of C:0, M:0.85, Y:0.71, K:0.16. Its decimal value is 14098751.

Hex triplet	d7213f	`#d7213f`
RGB Decimal	215, 33, 63	`rgb(215,33,63)`
RGB Percent	84.3, 12.9, 24.7	`rgb(84.3%,12.9%,24.7%)`
CMYK	0, 85, 71, 16
HSL	350.1°, 73.4, 48.6	`hsl(350.1,73.4%,48.6%)`
HSV (or HSB)	350.1°, 84.7, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.84, 67.544, 31.32
XYZ	29.467, 15.897, 6.219
xyY	0.571, 0.308, 15.897
CIE-LCH	46.84, 74.452, 24.877
CIE-LUV	46.84, 129.968, 18.821
Hunter-Lab	39.871, 62.144, 18.662
Binary	11010111, 00100001, 00111111

#d7213f
```
#d7213f rgb(215,33,63)
```
#21d7b9
```
#21d7b9 rgb(33,215,185)
```

Complementary Color

#d7219a
```
#d7219a rgb(215,33,154)
```
#d7213f
```
#d7213f rgb(215,33,63)
```
#d75e21
```
#d75e21 rgb(215,94,33)
```

Analogous Color

#219ad7
```
#219ad7 rgb(33,154,215)
```
#d7213f
```
#d7213f rgb(215,33,63)
```
#21d75e
```
#21d75e rgb(33,215,94)
```

Split Complementary Color

#213fd7
```
#213fd7 rgb(33,63,215)
```
#d7213f
```
#d7213f rgb(215,33,63)
```
#3fd721
```
#3fd721 rgb(63,215,33)
```

Triadic Color

#b921d7
```
#b921d7 rgb(185,33,215)
```
#d7213f
```
#d7213f rgb(215,33,63)
```
#3fd721
```
#3fd721 rgb(63,215,33)
```
#21d7b9
```
#21d7b9 rgb(33,215,185)
```

Tetradic Color

#95172c
```
#95172c rgb(149,23,44)
```
#ab1a32
```
#ab1a32 rgb(171,26,50)
```
#c11e39
```
#c11e39 rgb(193,30,57)
```
#d7213f
```
#d7213f rgb(215,33,63)
```
#e0324f
```
#e0324f rgb(224,50,79)
```
#e34862
```
#e34862 rgb(227,72,98)
```
#e65e75
```
#e65e75 rgb(230,94,117)
```

Monochromatic Color

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

#d7216d
```
#d7216d rgb(215,33,109)
```
#d7215d
```
#d7215d rgb(215,33,93)
```
#d7214e
```
#d7214e rgb(215,33,78)
```
#d7213f
```
#d7213f rgb(215,33,63)
```
#d72130
```
#d72130 rgb(215,33,48)
```
#d72121
```
#d72121 rgb(215,33,33)
```
#d73021
```
#d73021 rgb(215,48,33)
```

Similar Colors

Text with hexadecimal color #d7213f

This text has a font color of #d7213f.

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

#d7213f background color

This paragraph has a background color of #d7213f.

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

#d7213f border color

This element has a border color of #d7213f.

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

CSS codes

.text {color:#d7213f;}

.background {background-color:#d7213f;}

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

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

#0b0203
```
#0b0203 rgb(11,2,3)
```
#1c0408
```
#1c0408 rgb(28,4,8)
```
#2d070d
```
#2d070d rgb(45,7,13)
```
#3e0a12
```
#3e0a12 rgb(62,10,18)
```
#4f0c17
```
#4f0c17 rgb(79,12,23)
```
#600f1c
```
#600f1c rgb(96,15,28)
```
#711121
```
#711121 rgb(113,17,33)
```
#821426
```
#821426 rgb(130,20,38)
```
#93172b
```
#93172b rgb(147,23,43)
```
#a41930
```
#a41930 rgb(164,25,48)
```
#b51c35
```
#b51c35 rgb(181,28,53)
```
#c61e3a
```
#c61e3a rgb(198,30,58)
```
#d7213f
```
#d7213f rgb(215,33,63)
```

Shade Color Variation

#df2d4a
```
#df2d4a rgb(223,45,74)
```
#e13e59
```
#e13e59 rgb(225,62,89)
```
#e44f67
```
#e44f67 rgb(228,79,103)
```
#e76076
```
#e76076 rgb(231,96,118)
```
#e97185
```
#e97185 rgb(233,113,133)
```
#ec8293
```
#ec8293 rgb(236,130,147)
```
#ee93a2
```
#ee93a2 rgb(238,147,162)
```
#f1a4b1
```
#f1a4b1 rgb(241,164,177)
```
#f4b5bf
```
#f4b5bf rgb(244,181,191)
```
#f6c6ce
```
#f6c6ce rgb(246,198,206)
```
#f9d7dd
```
#f9d7dd rgb(249,215,221)
```
#fbe8eb
```
#fbe8eb rgb(251,232,235)
```
#fef9fa
```
#fef9fa rgb(254,249,250)
```

Tint Color Variation

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

#817779
```
#817779 rgb(129,119,121)
```
#8b6d72
```
#8b6d72 rgb(139,109,114)
```
#94646c
```
#94646c rgb(148,100,108)
```
#9e5a65
```
#9e5a65 rgb(158,90,101)
```
#a7515f
```
#a7515f rgb(167,81,95)
```
#b14759
```
#b14759 rgb(177,71,89)
```
#ba3e52
```
#ba3e52 rgb(186,62,82)
```
#c4344c
```
#c4344c rgb(196,52,76)
```
#cd2b45
```
#cd2b45 rgb(205,43,69)
```
#d7213f
```
#d7213f rgb(215,33,63)
```
#e11739
```
#e11739 rgb(225,23,57)
```
#ea0e32
```
#ea0e32 rgb(234,14,50)
```
#f4042c
```
#f4042c rgb(244,4,44)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#744f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7660 Protanopia 1% of men
#90713c Deuteranopia 1% of men
#d83131 Tritanopia 0.001% of the population

Trichromacy

#9e5754 Protanomaly 1% of men, 0.01% of women
#aa543d Deuteranomaly 6% of men, 0.4% of women
#d72b36 Tritanomaly 0.01% of the population

#d7213f hex color

#d7213f Color Information

#d7213f Color Conversion

Color Schemes with #d7213f

Alternatives to #d7213f

#d7213f Preview

Shades and Tints of #d7213f

Tones of #d7213f

Color Blindness Simulator