#d22421 hex color

In a RGB color space, hex #d22421 is composed of 82.4% red, 14.1% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.9% magenta, 84.3% yellow and 17.6% black. It has a hue angle of 1 degrees, a saturation of 72.8% and a lightness of 47.6%. #d22421 color hex could be obtained by blending #ff4842 with #a50000. Closest websafe color is: #cc3333.

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

● #d22421 color description : Strong red.

The hexadecimal color #d22421 has RGB values of R:210, G:36, B:33 and CMYK values of C:0, M:0.83, Y:0.84, K:0.18. Its decimal value is 13771809.

Hex triplet	d22421	`#d22421`
RGB Decimal	210, 36, 33	`rgb(210,36,33)`
RGB Percent	82.4, 14.1, 12.9	`rgb(82.4%,14.1%,12.9%)`
CMYK	0, 83, 84, 18
HSL	1°, 72.8, 47.6	`hsl(1,72.8%,47.6%)`
HSV (or HSB)	1°, 84.3, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.739, 64.524, 46.707
XYZ	27.485, 15.077, 2.902
xyY	0.605, 0.332, 15.077
CIE-LCH	45.739, 79.655, 35.9
CIE-LUV	45.739, 131.549, 29.072
Hunter-Lab	38.829, 58.402, 22.749
Binary	11010010, 00100100, 00100001

#d22421
```
#d22421 rgb(210,36,33)
```
#21cfd2
```
#21cfd2 rgb(33,207,210)
```

Complementary Color

#d22177
```
#d22177 rgb(210,33,119)
```
#d22421
```
#d22421 rgb(210,36,33)
```
#d27d21
```
#d27d21 rgb(210,125,33)
```

Analogous Color

#2177d2
```
#2177d2 rgb(33,119,210)
```
#d22421
```
#d22421 rgb(210,36,33)
```
#21d27d
```
#21d27d rgb(33,210,125)
```

Split Complementary Color

#2421d2
```
#2421d2 rgb(36,33,210)
```
#d22421
```
#d22421 rgb(210,36,33)
```
#21d224
```
#21d224 rgb(33,210,36)
```

Triadic Color

#d221cf
```
#d221cf rgb(210,33,207)
```
#d22421
```
#d22421 rgb(210,36,33)
```
#21d224
```
#21d224 rgb(33,210,36)
```
#21cfd2
```
#21cfd2 rgb(33,207,210)
```

Tetradic Color

#901917
```
#901917 rgb(144,25,23)
```
#a61c1a
```
#a61c1a rgb(166,28,26)
```
#bc201e
```
#bc201e rgb(188,32,30)
```
#d22421
```
#d22421 rgb(210,36,33)
```
#de312e
```
#de312e rgb(222,49,46)
```
#e24744
```
#e24744 rgb(226,71,68)
```
#e55d5a
```
#e55d5a rgb(229,93,90)
```

Monochromatic Color

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

#d2214a
```
#d2214a rgb(210,33,74)
```
#d2213c
```
#d2213c rgb(210,33,60)
```
#d2212d
```
#d2212d rgb(210,33,45)
```
#d22421
```
#d22421 rgb(210,36,33)
```
#d23321
```
#d23321 rgb(210,51,33)
```
#d24221
```
#d24221 rgb(210,66,33)
```
#d25021
```
#d25021 rgb(210,80,33)
```

Similar Colors

Text with hexadecimal color #d22421

This text has a font color of #d22421.

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

#d22421 background color

This paragraph has a background color of #d22421.

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

#d22421 border color

This element has a border color of #d22421.

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

CSS codes

.text {color:#d22421;}

.background {background-color:#d22421;}

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

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)
```
#390a09
```
#390a09 rgb(57,10,9)
```
#4a0d0c
```
#4a0d0c rgb(74,13,12)
```
#5b100e
```
#5b100e rgb(91,16,14)
```
#6c1311
```
#6c1311 rgb(108,19,17)
```
#7d1514
```
#7d1514 rgb(125,21,20)
```
#8e1816
```
#8e1816 rgb(142,24,22)
```
#9f1b19
```
#9f1b19 rgb(159,27,25)
```
#b01e1c
```
#b01e1c rgb(176,30,28)
```
#c1211e
```
#c1211e rgb(193,33,30)
```
#d22421
```
#d22421 rgb(210,36,33)
```

Shade Color Variation

#dd2c29
```
#dd2c29 rgb(221,44,41)
```
#e03d3a
```
#e03d3a rgb(224,61,58)
```
#e34e4b
```
#e34e4b rgb(227,78,75)
```
#e55e5c
```
#e55e5c rgb(229,94,92)
```
#e86f6d
```
#e86f6d rgb(232,111,109)
```
#eb807e
```
#eb807e rgb(235,128,126)
```
#ed918f
```
#ed918f rgb(237,145,143)
```
#f0a1a0
```
#f0a1a0 rgb(240,161,160)
```
#f3b2b1
```
#f3b2b1 rgb(243,178,177)
```
#f5c3c2
```
#f5c3c2 rgb(245,195,194)
```
#f8d3d3
```
#f8d3d3 rgb(248,211,211)
```
#fbe4e4
```
#fbe4e4 rgb(251,228,228)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,245)
```

Tint Color Variation

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

#7e7575
```
#7e7575 rgb(126,117,117)
```
#876c6c
```
#876c6c rgb(135,108,108)
```
#916362
```
#916362 rgb(145,99,98)
```
#9a5a59
```
#9a5a59 rgb(154,90,89)
```
#a35150
```
#a35150 rgb(163,81,80)
```
#ad4846
```
#ad4846 rgb(173,72,70)
```
#b63f3d
```
#b63f3d rgb(182,63,61)
```
#bf3634
```
#bf3634 rgb(191,54,52)
```
#c92d2a
```
#c92d2a rgb(201,45,42)
```
#d22421
```
#d22421 rgb(210,36,33)
```
#db1b18
```
#db1b18 rgb(219,27,24)
```
#e5120e
```
#e5120e rgb(229,18,14)
```
#ee0905
```
#ee0905 rgb(238,9,5)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#704e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f743d Protanopia 1% of men
#906e19 Deuteranopia 1% of men
#d42f2e Tritanopia 0.001% of the population

Trichromacy

#9d5632 Protanomaly 1% of men, 0.01% of women
#a8531c Deuteranomaly 6% of men, 0.4% of women
#d32b29 Tritanomaly 0.01% of the population

#d22421 hex color

#d22421 Color Information

#d22421 Color Conversion

Color Schemes with #d22421

Alternatives to #d22421

#d22421 Preview

Shades and Tints of #d22421

Tones of #d22421

Color Blindness Simulator