#df222f hex color

In a RGB color space, hex #df222f is composed of 87.5% red, 13.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 78.9% yellow and 12.5% black. It has a hue angle of 355.9 degrees, a saturation of 74.7% and a lightness of 50.4%. #df222f color hex could be obtained by blending #ff445e with #bf0000. Closest websafe color is: #cc3333.

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

● #df222f color description : Bright red.

The hexadecimal color #df222f has RGB values of R:223, G:34, B:47 and CMYK values of C:0, M:0.85, Y:0.79, K:0.13. Its decimal value is 14623279.

Hex triplet	df222f	`#df222f`
RGB Decimal	223, 34, 47	`rgb(223,34,47)`
RGB Percent	87.5, 13.3, 18.4	`rgb(87.5%,13.3%,18.4%)`
CMYK	0, 85, 79, 13
HSL	355.9°, 74.7, 50.4	`hsl(355.9,74.7%,50.4%)`
HSV (or HSB)	355.9°, 84.8, 87.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.312, 68.874, 42.675
XYZ	31.518, 17.041, 4.319
xyY	0.596, 0.322, 17.041
CIE-LCH	48.312, 81.023, 31.783
CIE-LUV	48.312, 139.598, 26.844
Hunter-Lab	41.281, 64.043, 22.694
Binary	11011111, 00100010, 00101111

#df222f
```
#df222f rgb(223,34,47)
```
#22dfd2
```
#22dfd2 rgb(34,223,210)
```

Complementary Color

#df228e
```
#df228e rgb(223,34,142)
```
#df222f
```
#df222f rgb(223,34,47)
```
#df7422
```
#df7422 rgb(223,116,34)
```

Analogous Color

#228edf
```
#228edf rgb(34,142,223)
```
#df222f
```
#df222f rgb(223,34,47)
```
#22df74
```
#22df74 rgb(34,223,116)
```

Split Complementary Color

#222fdf
```
#222fdf rgb(34,47,223)
```
#df222f
```
#df222f rgb(223,34,47)
```
#2fdf22
```
#2fdf22 rgb(47,223,34)
```

Triadic Color

#d222df
```
#d222df rgb(210,34,223)
```
#df222f
```
#df222f rgb(223,34,47)
```
#2fdf22
```
#2fdf22 rgb(47,223,34)
```
#22dfd2
```
#22dfd2 rgb(34,223,210)
```

Tetradic Color

#9e1720
```
#9e1720 rgb(158,23,32)
```
#b41a25
```
#b41a25 rgb(180,26,37)
```
#ca1d29
```
#ca1d29 rgb(202,29,41)
```
#df222f
```
#df222f rgb(223,34,47)
```
#e23844
```
#e23844 rgb(226,56,68)
```
#e54f59
```
#e54f59 rgb(229,79,89)
```
#e9656e
```
#e9656e rgb(233,101,110)
```

Monochromatic Color

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

#df225e
```
#df225e rgb(223,34,94)
```
#df224e
```
#df224e rgb(223,34,78)
```
#df223f
```
#df223f rgb(223,34,63)
```
#df222f
```
#df222f rgb(223,34,47)
```
#df2522
```
#df2522 rgb(223,37,34)
```
#df3522
```
#df3522 rgb(223,53,34)
```
#df4422
```
#df4422 rgb(223,68,34)
```

Similar Colors

Text with hexadecimal color #df222f

This text has a font color of #df222f.

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

#df222f background color

This paragraph has a background color of #df222f.

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

#df222f border color

This element has a border color of #df222f.

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

CSS codes

.text {color:#df222f;}

.background {background-color:#df222f;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130304
```
#130304 rgb(19,3,4)
```
#240507
```
#240507 rgb(36,5,7)
```
#35080b
```
#35080b rgb(53,8,11)
```
#460a0e
```
#460a0e rgb(70,10,14)
```
#570d12
```
#570d12 rgb(87,13,18)
```
#690f15
```
#690f15 rgb(105,15,21)
```
#7a1219
```
#7a1219 rgb(122,18,25)
```
#8b141c
```
#8b141c rgb(139,20,28)
```
#9c1720
```
#9c1720 rgb(156,23,32)
```
#ad1923
```
#ad1923 rgb(173,25,35)
```
#be1c27
```
#be1c27 rgb(190,28,39)
```
#cf1e2a
```
#cf1e2a rgb(207,30,42)
```

Shade Color Variation

#df222f
```
#df222f rgb(223,34,47)
```
#e1333f
```
#e1333f rgb(225,51,63)
```
#e4444f
```
#e4444f rgb(228,68,79)
```
#e6555f
```
#e6555f rgb(230,85,95)
```
#e96770
```
#e96770 rgb(233,103,112)
```
#eb7880
```
#eb7880 rgb(235,120,128)
```
#ee8990
```
#ee8990 rgb(238,137,144)
```
#f09aa0
```
#f09aa0 rgb(240,154,160)
```
#f3abb0
```
#f3abb0 rgb(243,171,176)
```
#f5bcc0
```
#f5bcc0 rgb(245,188,192)
```
#f8cdd0
```
#f8cdd0 rgb(248,205,208)
```
#fadee0
```
#fadee0 rgb(250,222,224)
```
#fdf0f1
```
#fdf0f1 rgb(253,240,241)
```

Tint Color Variation

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

#877a7b
```
#877a7b rgb(135,122,123)
```
#917072
```
#917072 rgb(145,112,114)
```
#9b666a
```
#9b666a rgb(155,102,106)
```
#a55c61
```
#a55c61 rgb(165,92,97)
```
#ae5359
```
#ae5359 rgb(174,83,89)
```
#b84951
```
#b84951 rgb(184,73,81)
```
#c23f48
```
#c23f48 rgb(194,63,72)
```
#cc3540
```
#cc3540 rgb(204,53,64)
```
#d52c37
```
#d52c37 rgb(213,44,55)
```
#df222f
```
#df222f rgb(223,34,47)
```
#e91827
```
#e91827 rgb(233,24,39)
```
#f20f1e
```
#f20f1e rgb(242,15,30)
```
#fc0516
```
#fc0516 rgb(252,5,22)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#765053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84794d Protanopia 1% of men
#97742a Deuteranopia 1% of men
#e02f2e Tritanopia 0.001% of the population

Trichromacy

#a55942 Protanomaly 1% of men, 0.01% of women
#b1562c Deuteranomaly 6% of men, 0.4% of women
#df2a2e Tritanomaly 0.01% of the population

#df222f hex color

#df222f Color Information

#df222f Color Conversion

Color Schemes with #df222f

Alternatives to #df222f

#df222f Preview

Shades and Tints of #df222f

Tones of #df222f

Color Blindness Simulator