#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
#070101rgb(7,1,1) -
#180404
#180404rgb(24,4,4) -
#280706
#280706rgb(40,7,6) -
#390909
#390909rgb(57,9,9) -
#4a0c0c
#4a0c0crgb(74,12,12) -
#5b0f0e
#5b0f0ergb(91,15,14) -
#6c1211
#6c1211rgb(108,18,17) -
#7d1414
#7d1414rgb(125,20,20) -
#8e1716
#8e1716rgb(142,23,22) -
#9f1a19
#9f1a19rgb(159,26,25) -
#b01d1c
#b01d1crgb(176,29,28) -
#c11f1e
#c11f1ergb(193,31,30) -
#d22221
#d22221rgb(210,34,33)
-
#dd2a29
#dd2a29rgb(221,42,41) -
#e03b3a
#e03b3argb(224,59,58) -
#e34c4b
#e34c4brgb(227,76,75) -
#e55d5c
#e55d5crgb(229,93,92) -
#e86e6d
#e86e6drgb(232,110,109) -
#eb7f7e
#eb7f7ergb(235,127,126) -
#ed8f8f
#ed8f8frgb(237,143,143) -
#f0a0a0
#f0a0a0rgb(240,160,160) -
#f3b1b1
#f3b1b1rgb(243,177,177) -
#f5c2c2
#f5c2c2rgb(245,194,194) -
#f8d3d3
#f8d3d3rgb(248,211,211) -
#fbe4e4
#fbe4e4rgb(251,228,228) -
#fdf5f5
#fdf5f5rgb(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
#7e7575rgb(126,117,117) -
#876c6c
#876c6crgb(135,108,108) -
#916362
#916362rgb(145,99,98) -
#9a5959
#9a5959rgb(154,89,89) -
#a35050
#a35050rgb(163,80,80) -
#ad4746
#ad4746rgb(173,71,70) -
#b63e3d
#b63e3drgb(182,62,61) -
#bf3434
#bf3434rgb(191,52,52) -
#c92b2a
#c92b2argb(201,43,42) -
#d22221
#d22221rgb(210,34,33) -
#db1918
#db1918rgb(219,25,24) -
#e5100e
#e5100ergb(229,16,14) -
#ee0605
#ee0605rgb(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.
