#df222a Color Information
In a RGB color space, hex #df222a is composed of 87.5% red, 13.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 81.2% yellow and 12.5% black. It has a hue angle of 357.5 degrees, a saturation of 74.7% and a lightness of 50.4%. #df222a color hex could be obtained by blending #ff4454 with #bf0000. Closest websafe color is: #cc3333.
-
- R 87
- G 13
- B 16
-
- C 0
- M 85
- Y 81
- K 13
● #df222a color description : Bright red.
#df222a Color Conversion
The hexadecimal color #df222a has RGB values of R:223, G:34, B:42 and CMYK values of C:0, M:0.85, Y:0.81, K:0.13. Its decimal value is 14623274.
Hex triplet | df222a | #df222a |
---|---|---|
RGB Decimal | 223, 34, 42 | rgb(223,34,42) |
RGB Percent | 87.5, 13.3, 16.5 | rgb(87.5%,13.3%,16.5%) |
CMYK | 0, 85, 81, 13 | |
HSL | 357.5°, 74.7, 50.4 | hsl(357.5,74.7%,50.4%) |
HSV (or HSB) | 357.5°, 84.8, 87.5 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 48.264, 68.732, 45.339 |
---|---|
XYZ | 31.423, 17.003, 3.818 |
xyY | 0.601, 0.325, 17.003 |
CIE-LCH | 48.264, 82.339, 33.411 |
CIE-LUV | 48.264, 140.578, 28.431 |
Hunter-Lab | 41.235, 63.864, 23.375 |
Binary | 11011111, 00100010, 00101010 |
Color Schemes with #df222a
Alternatives to #df222a
Below, you can see some colors close to #df222a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#df222a Preview
This text has a font color of #df222a.
<span style="color:#df222a;">Text here</span>
This paragraph has a background color of #df222a.
<p style="background-color:#df222a;">Content here</p>
This element has a border color of #df222a.
<div style="border:1px solid #df222a;">Content here</div>
.text {color:#df222a;}
.background {background-color:#df222a;}
.border {border:1px solid #df222a;}
Shades and Tints of #df222a
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 #fdf0f0 is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#130303
#130303
rgb(19,3,3)
-
#240507
#240507
rgb(36,5,7)
-
#35080a
#35080a
rgb(53,8,10)
-
#460a0d
#460a0d
rgb(70,10,13)
-
#570d10
#570d10
rgb(87,13,16)
-
#690f13
#690f13
rgb(105,15,19)
-
#7a1216
#7a1216
rgb(122,18,22)
-
#8b1419
#8b1419
rgb(139,20,25)
-
#9c171c
#9c171c
rgb(156,23,28)
-
#ad191f
#ad191f
rgb(173,25,31)
-
#be1c22
#be1c22
rgb(190,28,34)
-
#cf1e26
#cf1e26
rgb(207,30,38)
-
#df222a
#df222a
rgb(223,34,42)
-
#e1333b
#e1333b
rgb(225,51,59)
-
#e4444b
#e4444b
rgb(228,68,75)
-
#e6555c
#e6555c
rgb(230,85,92)
-
#e9676c
#e9676c
rgb(233,103,108)
-
#eb787d
#eb787d
rgb(235,120,125)
-
#ee898d
#ee898d
rgb(238,137,141)
-
#f09a9e
#f09a9e
rgb(240,154,158)
-
#f3abae
#f3abae
rgb(243,171,174)
-
#f5bcbf
#f5bcbf
rgb(245,188,191)
-
#f8cdcf
#f8cdcf
rgb(248,205,207)
-
#fadee0
#fadee0
rgb(250,222,224)
-
#fdf0f0
#fdf0f0
rgb(253,240,240)
Tones of #df222a
A tone is produced by adding gray to any pure hue. In this case, #877a7a is the less saturated color, while #fc050f is the most saturated one.
-
#877a7a
#877a7a
rgb(135,122,122)
-
#917071
#917071
rgb(145,112,113)
-
#9b6668
#9b6668
rgb(155,102,104)
-
#a55c5f
#a55c5f
rgb(165,92,95)
-
#ae5357
#ae5357
rgb(174,83,87)
-
#b8494e
#b8494e
rgb(184,73,78)
-
#c23f45
#c23f45
rgb(194,63,69)
-
#cc353c
#cc353c
rgb(204,53,60)
-
#d52c33
#d52c33
rgb(213,44,51)
-
#df222a
#df222a
rgb(223,34,42)
-
#e91821
#e91821
rgb(233,24,33)
-
#f20f18
#f20f18
rgb(242,15,24)
-
#fc050f
#fc050f
rgb(252,5,15)
Color Blindness Simulator
Below, you can see how #df222a 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.