#d6222f hex color

In a RGB color space, hex #d6222f is composed of 83.9% red, 13.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.1% magenta, 78% yellow and 16.1% black. It has a hue angle of 355.7 degrees, a saturation of 72.6% and a lightness of 48.6%. #d6222f color hex could be obtained by blending #ff445e with #ad0000. Closest websafe color is: #cc3333.

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

● #d6222f color description : Strong red.

The hexadecimal color #d6222f has RGB values of R:214, G:34, B:47 and CMYK values of C:0, M:0.84, Y:0.78, K:0.16. Its decimal value is 14033455.

Hex triplet	d6222f	`#d6222f`
RGB Decimal	214, 34, 47	`rgb(214,34,47)`
RGB Percent	83.9, 13.3, 18.4	`rgb(83.9%,13.3%,18.4%)`
CMYK	0, 84, 78, 16
HSL	355.7°, 72.6, 48.6	`hsl(355.7,72.6%,48.6%)`
HSV (or HSB)	355.7°, 84.1, 83.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.511, 66.459, 40.242
XYZ	28.818, 15.649, 4.192
xyY	0.592, 0.322, 15.649
CIE-LCH	46.511, 77.693, 31.195
CIE-LUV	46.511, 132.788, 25.224
Hunter-Lab	39.559, 60.807, 21.408
Binary	11010110, 00100010, 00101111

#d6222f
```
#d6222f rgb(214,34,47)
```
#22d6c9
```
#22d6c9 rgb(34,214,201)
```

Complementary Color

#d62289
```
#d62289 rgb(214,34,137)
```
#d6222f
```
#d6222f rgb(214,34,47)
```
#d66f22
```
#d66f22 rgb(214,111,34)
```

Analogous Color

#2289d6
```
#2289d6 rgb(34,137,214)
```
#d6222f
```
#d6222f rgb(214,34,47)
```
#22d66f
```
#22d66f rgb(34,214,111)
```

Split Complementary Color

#222fd6
```
#222fd6 rgb(34,47,214)
```
#d6222f
```
#d6222f rgb(214,34,47)
```
#2fd622
```
#2fd622 rgb(47,214,34)
```

Triadic Color

#c922d6
```
#c922d6 rgb(201,34,214)
```
#d6222f
```
#d6222f rgb(214,34,47)
```
#2fd622
```
#2fd622 rgb(47,214,34)
```
#22d6c9
```
#22d6c9 rgb(34,214,201)
```

Tetradic Color

#941821
```
#941821 rgb(148,24,33)
```
#aa1b25
```
#aa1b25 rgb(170,27,37)
```
#c01f2a
```
#c01f2a rgb(192,31,42)
```
#d6222f
```
#d6222f rgb(214,34,47)
```
#df333f
```
#df333f rgb(223,51,63)
```
#e24954
```
#e24954 rgb(226,73,84)
```
#e65f69
```
#e65f69 rgb(230,95,105)
```

Monochromatic Color

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

#d6225c
```
#d6225c rgb(214,34,92)
```
#d6224d
```
#d6224d rgb(214,34,77)
```
#d6223e
```
#d6223e rgb(214,34,62)
```
#d6222f
```
#d6222f rgb(214,34,47)
```
#d62422
```
#d62422 rgb(214,36,34)
```
#d63322
```
#d63322 rgb(214,51,34)
```
#d64222
```
#d64222 rgb(214,66,34)
```

Similar Colors

Text with hexadecimal color #d6222f

This text has a font color of #d6222f.

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

#d6222f background color

This paragraph has a background color of #d6222f.

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

#d6222f border color

This element has a border color of #d6222f.

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

CSS codes

.text {color:#d6222f;}

.background {background-color:#d6222f;}

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

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)
```
#701219
```
#701219 rgb(112,18,25)
```
#81151c
```
#81151c rgb(129,21,28)
```
#921720
```
#921720 rgb(146,23,32)
```
#a31a24
```
#a31a24 rgb(163,26,36)
```
#b41d28
```
#b41d28 rgb(180,29,40)
```
#c51f2b
```
#c51f2b rgb(197,31,43)
```
#d6222f
```
#d6222f rgb(214,34,47)
```

Shade Color Variation

#de2e3b
```
#de2e3b rgb(222,46,59)
```
#e03f4a
```
#e03f4a rgb(224,63,74)
```
#e3505a
```
#e3505a rgb(227,80,90)
```
#e6616a
```
#e6616a rgb(230,97,106)
```
#e9727a
```
#e9727a rgb(233,114,122)
```
#eb828a
```
#eb828a rgb(235,130,138)
```
#ee939a
```
#ee939a rgb(238,147,154)
```
#f1a4aa
```
#f1a4aa rgb(241,164,170)
```
#f3b5ba
```
#f3b5ba rgb(243,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, #807878 is the less saturated color, while #f30517 is the most saturated one.

#807878
```
#807878 rgb(128,120,120)
```
#8a6e70
```
#8a6e70 rgb(138,110,112)
```
#936568
```
#936568 rgb(147,101,104)
```
#9d5b60
```
#9d5b60 rgb(157,91,96)
```
#a65258
```
#a65258 rgb(166,82,88)
```
#b04850
```
#b04850 rgb(176,72,80)
```
#b93f47
```
#b93f47 rgb(185,63,71)
```
#c3353f
```
#c3353f rgb(195,53,63)
```
#cc2c37
```
#cc2c37 rgb(204,44,55)
```
#d6222f
```
#d6222f rgb(214,34,47)
```
#e01827
```
#e01827 rgb(224,24,39)
```
#e90f1f
```
#e90f1f rgb(233,15,31)
```
#f30517
```
#f30517 rgb(243,5,23)
```

Tone Color Variation

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

#7f754d Protanopia 1% of men
#91702b Deuteranopia 1% of men
#d72f2f Tritanopia 0.001% of the population

Trichromacy

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

#d6222f hex color

#d6222f Color Information

#d6222f Color Conversion

Color Schemes with #d6222f

Alternatives to #d6222f

#d6222f Preview

Shades and Tints of #d6222f

Tones of #d6222f

Color Blindness Simulator