#d22221 Color Information
In a RGB color space, hex #d22221 is composed of 82.4% red, 13.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.8% magenta, 84.3% yellow and 17.6% black. It has a hue angle of 0.3 degrees, a saturation of 72.8% and a lightness of 47.6%. #d22221 color hex could be obtained by blending #ff4442 with #a50000. Closest websafe color is: #cc3333.
-
- R 82
- G 13
- B 13
-
- C 0
- M 84
- Y 84
- K 18
● #d22221 color description : Strong red.
#d22221 Color Conversion
The hexadecimal color #d22221 has RGB values of R:210, G:34, B:33 and CMYK values of C:0, M:0.84, Y:0.84, K:0.18. Its decimal value is 13771297.
Hex triplet | d22221 | #d22221 |
---|---|---|
RGB Decimal | 210, 34, 33 | rgb(210,34,33) |
RGB Percent | 82.4, 13.3, 12.9 | rgb(82.4%,13.3%,12.9%) |
CMYK | 0, 84, 84, 18 | |
HSL | 0.3°, 72.8, 47.6 | hsl(0.3,72.8%,47.6%) |
HSV (or HSB) | 0.3°, 84.3, 82.4 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 45.578, 64.982, 46.565 |
---|---|
XYZ | 27.426, 14.959, 2.882 |
xyY | 0.606, 0.33, 14.959 |
CIE-LCH | 45.578, 79.944, 35.624 |
CIE-LUV | 45.578, 132.345, 28.776 |
Hunter-Lab | 38.677, 58.892, 22.656 |
Binary | 11010010, 00100010, 00100001 |
Color Schemes with #d22221
Alternatives to #d22221
Below, you can see some colors close to #d22221. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#d22221 Preview
This text has a font color of #d22221.
<span style="color:#d22221;">Text here</span>
This paragraph has a background color of #d22221.
<p style="background-color:#d22221;">Content here</p>
This element has a border color of #d22221.
<div style="border:1px solid #d22221;">Content here</div>
.text {color:#d22221;}
.background {background-color:#d22221;}
.border {border:1px solid #d22221;}
Shades and Tints of #d22221
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, #070101 is the darkest color, while #fdf5f5 is the lightest one.
-
#070101
#070101
rgb(7,1,1)
-
#180404
#180404
rgb(24,4,4)
-
#280706
#280706
rgb(40,7,6)
-
#390909
#390909
rgb(57,9,9)
-
#4a0c0c
#4a0c0c
rgb(74,12,12)
-
#5b0f0e
#5b0f0e
rgb(91,15,14)
-
#6c1211
#6c1211
rgb(108,18,17)
-
#7d1414
#7d1414
rgb(125,20,20)
-
#8e1716
#8e1716
rgb(142,23,22)
-
#9f1a19
#9f1a19
rgb(159,26,25)
-
#b01d1c
#b01d1c
rgb(176,29,28)
-
#c11f1e
#c11f1e
rgb(193,31,30)
-
#d22221
#d22221
rgb(210,34,33)
-
#dd2a29
#dd2a29
rgb(221,42,41)
-
#e03b3a
#e03b3a
rgb(224,59,58)
-
#e34c4b
#e34c4b
rgb(227,76,75)
-
#e55d5c
#e55d5c
rgb(229,93,92)
-
#e86e6d
#e86e6d
rgb(232,110,109)
-
#eb7f7e
#eb7f7e
rgb(235,127,126)
-
#ed8f8f
#ed8f8f
rgb(237,143,143)
-
#f0a0a0
#f0a0a0
rgb(240,160,160)
-
#f3b1b1
#f3b1b1
rgb(243,177,177)
-
#f5c2c2
#f5c2c2
rgb(245,194,194)
-
#f8d3d3
#f8d3d3
rgb(248,211,211)
-
#fbe4e4
#fbe4e4
rgb(251,228,228)
-
#fdf5f5
#fdf5f5
rgb(253,245,245)
Tones of #d22221
A tone is produced by adding gray to any pure hue. In this case, #7e7575 is the less saturated color, while #ee0605 is the most saturated one.
-
#7e7575
#7e7575
rgb(126,117,117)
-
#876c6c
#876c6c
rgb(135,108,108)
-
#916362
#916362
rgb(145,99,98)
-
#9a5959
#9a5959
rgb(154,89,89)
-
#a35050
#a35050
rgb(163,80,80)
-
#ad4746
#ad4746
rgb(173,71,70)
-
#b63e3d
#b63e3d
rgb(182,62,61)
-
#bf3434
#bf3434
rgb(191,52,52)
-
#c92b2a
#c92b2a
rgb(201,43,42)
-
#d22221
#d22221
rgb(210,34,33)
-
#db1918
#db1918
rgb(219,25,24)
-
#e5100e
#e5100e
rgb(229,16,14)
-
#ee0605
#ee0605
rgb(238,6,5)
Color Blindness Simulator
Below, you can see how #d22221 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.