#d22201 hex color

In a RGB color space, hex #d22201 is composed of 82.4% red, 13.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.8% magenta, 99.5% yellow and 17.6% black. It has a hue angle of 9.5 degrees, a saturation of 99.1% and a lightness of 41.4%. #d22201 color hex could be obtained by blending #ff4402 with #a50000. Closest websafe color is: #cc3300.

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

● #d22201 color description : Strong red.

The hexadecimal color #d22201 has RGB values of R:210, G:34, B:1 and CMYK values of C:0, M:0.84, Y:1, K:0.18. Its decimal value is 13771265.

Hex triplet	d22201	`#d22201`
RGB Decimal	210, 34, 1	`rgb(210,34,1)`
RGB Percent	82.4, 13.3, 0.4	`rgb(82.4%,13.3%,0.4%)`
CMYK	0, 84, 100, 18
HSL	9.5°, 99.1, 41.4	`hsl(9.5,99.1%,41.4%)`
HSV (or HSB)	9.5°, 99.5, 82.4
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.43, 64.537, 58.34
XYZ	27.157, 14.851, 1.465
xyY	0.625, 0.342, 14.851
CIE-LCH	45.43, 86.997, 42.113
CIE-LUV	45.43, 135.416, 33.795
Hunter-Lab	38.538, 58.348, 24.722
Binary	11010010, 00100010, 00000001

#d22201
```
#d22201 rgb(210,34,1)
```
#01b1d2
```
#01b1d2 rgb(1,177,210)
```

Complementary Color

#d20149
```
#d20149 rgb(210,1,73)
```
#d22201
```
#d22201 rgb(210,34,1)
```
#d28b01
```
#d28b01 rgb(210,139,1)
```

Analogous Color

#0149d2
```
#0149d2 rgb(1,73,210)
```
#d22201
```
#d22201 rgb(210,34,1)
```
#01d28b
```
#01d28b rgb(1,210,139)
```

Split Complementary Color

#2201d2
```
#2201d2 rgb(34,1,210)
```
#d22201
```
#d22201 rgb(210,34,1)
```
#01d222
```
#01d222 rgb(1,210,34)
```

Triadic Color

#d201b1
```
#d201b1 rgb(210,1,177)
```
#d22201
```
#d22201 rgb(210,34,1)
```
#01d222
```
#01d222 rgb(1,210,34)
```
#01b1d2
```
#01b1d2 rgb(1,177,210)
```

Tetradic Color

#861601
```
#861601 rgb(134,22,1)
```
#9f1a01
```
#9f1a01 rgb(159,26,1)
```
#b91e01
```
#b91e01 rgb(185,30,1)
```
#d22201
```
#d22201 rgb(210,34,1)
```
#eb2601
```
#eb2601 rgb(235,38,1)
```
#fe2f08
```
#fe2f08 rgb(254,47,8)
```
#fe4422
```
#fe4422 rgb(254,68,34)
```

Monochromatic Color

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

#d20114
```
#d20114 rgb(210,1,20)
```
#d20103
```
#d20103 rgb(210,1,3)
```
#d21101
```
#d21101 rgb(210,17,1)
```
#d22201
```
#d22201 rgb(210,34,1)
```
#d23301
```
#d23301 rgb(210,51,1)
```
#d24501
```
#d24501 rgb(210,69,1)
```
#d25601
```
#d25601 rgb(210,86,1)
```

Similar Colors

Text with hexadecimal color #d22201

This text has a font color of #d22201.

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

#d22201 background color

This paragraph has a background color of #d22201.

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

#d22201 border color

This element has a border color of #d22201.

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

CSS codes

.text {color:#d22201;}

.background {background-color:#d22201;}

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

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, #0f0200 is the darkest color, while #fffbfa is the lightest one.

#0f0200
```
#0f0200 rgb(15,2,0)
```
#220600
```
#220600 rgb(34,6,0)
```
#360900
```
#360900 rgb(54,9,0)
```
#490c00
```
#490c00 rgb(73,12,0)
```
#5d0f00
```
#5d0f00 rgb(93,15,0)
```
#701201
```
#701201 rgb(112,18,1)
```
#841501
```
#841501 rgb(132,21,1)
```
#971901
```
#971901 rgb(151,25,1)
```
#ab1c01
```
#ab1c01 rgb(171,28,1)
```
#be1f01
```
#be1f01 rgb(190,31,1)
```
#d22201
```
#d22201 rgb(210,34,1)
```
#e62501
```
#e62501 rgb(230,37,1)
```
#f92801
```
#f92801 rgb(249,40,1)
```

Shade Color Variation

#fe3610
```
#fe3610 rgb(254,54,16)
```
#fe4624
```
#fe4624 rgb(254,70,36)
```
#fe5637
```
#fe5637 rgb(254,86,55)
```
#fe674b
```
#fe674b rgb(254,103,75)
```
#fe775e
```
#fe775e rgb(254,119,94)
```
#fe8872
```
#fe8872 rgb(254,136,114)
```
#fe9885
```
#fe9885 rgb(254,152,133)
```
#ffa999
```
#ffa999 rgb(255,169,153)
```
#ffb9ac
```
#ffb9ac rgb(255,185,172)
```
#ffcac0
```
#ffcac0 rgb(255,202,192)
```
#ffdad3
```
#ffdad3 rgb(255,218,211)
```
#ffebe7
```
#ffebe7 rgb(255,235,231)
```
#fffbfa
```
#fffbfa rgb(255,251,250)
```

Tint Color Variation

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

#716562
```
#716562 rgb(113,101,98)
```
#795f5a
```
#795f5a rgb(121,95,90)
```
#815a52
```
#815a52 rgb(129,90,82)
```
#89544a
```
#89544a rgb(137,84,74)
```
#914e42
```
#914e42 rgb(145,78,66)
```
#99493a
```
#99493a rgb(153,73,58)
```
#a14332
```
#a14332 rgb(161,67,50)
```
#a93e2a
```
#a93e2a rgb(169,62,42)
```
#b23821
```
#b23821 rgb(178,56,33)
```
#ba3319
```
#ba3319 rgb(186,51,25)
```
#c22d11
```
#c22d11 rgb(194,45,17)
```
#ca2809
```
#ca2809 rgb(202,40,9)
```
#d22201
```
#d22201 rgb(210,34,1)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#6c4943 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80731d Protanopia 1% of men
#8f6d00 Deuteranopia 1% of men
#d42b2a Tritanopia 0.001% of the population

Trichromacy

#9e5512 Protanomaly 1% of men, 0.01% of women
#a75200 Deuteranomaly 6% of men, 0.4% of women
#d3271b Tritanomaly 0.01% of the population

#d22201 hex color

#d22201 Color Information

#d22201 Color Conversion

Color Schemes with #d22201

Alternatives to #d22201

#d22201 Preview

Shades and Tints of #d22201

Tones of #d22201

Color Blindness Simulator