#d22c02 hex color

In a RGB color space, hex #d22c02 is composed of 82.4% red, 17.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79% magenta, 99% yellow and 17.6% black. It has a hue angle of 12.1 degrees, a saturation of 98.1% and a lightness of 41.6%. #d22c02 color hex could be obtained by blending #ff5804 with #a50000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 82
- G 17
- B 1
RGB color chart
- C 0
- M 79
- Y 99
- K 18
CMYK color chart

● #d22c02 color description : Strong red.

The hexadecimal color #d22c02 has RGB values of R:210, G:44, B:2 and CMYK values of C:0, M:0.79, Y:0.99, K:0.18. Its decimal value is 13773826.

Hex triplet	d22c02	`#d22c02`
RGB Decimal	210, 44, 2	`rgb(210,44,2)`
RGB Percent	82.4, 17.3, 0.8	`rgb(82.4%,17.3%,0.8%)`
CMYK	0, 79, 99, 18
HSL	12.1°, 98.1, 41.6	`hsl(12.1,98.1%,41.6%)`
HSV (or HSB)	12.1°, 99, 82.4
Web Safe	cc3300	`#cc3300`

CIE-LAB	46.326, 62.019, 58.432
XYZ	27.491, 15.511, 1.604
xyY	0.616, 0.348, 15.511
CIE-LCH	46.326, 85.21, 43.294
CIE-LUV	46.326, 130.794, 35.24
Hunter-Lab	39.384, 55.678, 25.154
Binary	11010010, 00101100, 00000010

#d22c02
```
#d22c02 rgb(210,44,2)
```
#02a8d2
```
#02a8d2 rgb(2,168,210)
```

Complementary Color

#d20240
```
#d20240 rgb(210,2,64)
```
#d22c02
```
#d22c02 rgb(210,44,2)
```
#d29402
```
#d29402 rgb(210,148,2)
```

Analogous Color

#0240d2
```
#0240d2 rgb(2,64,210)
```
#d22c02
```
#d22c02 rgb(210,44,2)
```
#02d294
```
#02d294 rgb(2,210,148)
```

Split Complementary Color

#2c02d2
```
#2c02d2 rgb(44,2,210)
```
#d22c02
```
#d22c02 rgb(210,44,2)
```
#02d22c
```
#02d22c rgb(2,210,44)
```

Triadic Color

#d202a8
```
#d202a8 rgb(210,2,168)
```
#d22c02
```
#d22c02 rgb(210,44,2)
```
#02d22c
```
#02d22c rgb(2,210,44)
```
#02a8d2
```
#02a8d2 rgb(2,168,210)
```

Tetradic Color

#861c01
```
#861c01 rgb(134,28,1)
```
#9f2102
```
#9f2102 rgb(159,33,2)
```
#b92702
```
#b92702 rgb(185,39,2)
```
#d22c02
```
#d22c02 rgb(210,44,2)
```
#eb3102
```
#eb3102 rgb(235,49,2)
```
#fd3b0a
```
#fd3b0a rgb(253,59,10)
```
#fd4f24
```
#fd4f24 rgb(253,79,36)
```

Monochromatic Color

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

#d2020c
```
#d2020c rgb(210,2,12)
```
#d20902
```
#d20902 rgb(210,9,2)
```
#d21b02
```
#d21b02 rgb(210,27,2)
```
#d22c02
```
#d22c02 rgb(210,44,2)
```
#d23d02
```
#d23d02 rgb(210,61,2)
```
#d24f02
```
#d24f02 rgb(210,79,2)
```
#d26002
```
#d26002 rgb(210,96,2)
```

Similar Colors

Text with hexadecimal color #d22c02

This text has a font color of #d22c02.

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

#d22c02 background color

This paragraph has a background color of #d22c02.

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

#d22c02 border color

This element has a border color of #d22c02.

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

CSS codes

.text {color:#d22c02;}

.background {background-color:#d22c02;}

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

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, #100300 is the darkest color, while #fffcfb is the lightest one.

#100300
```
#100300 rgb(16,3,0)
```
#230700
```
#230700 rgb(35,7,0)
```
#370b01
```
#370b01 rgb(55,11,1)
```
#4a1001
```
#4a1001 rgb(74,16,1)
```
#5d1401
```
#5d1401 rgb(93,20,1)
```
#711801
```
#711801 rgb(113,24,1)
```
#841c01
```
#841c01 rgb(132,28,1)
```
#982001
```
#982001 rgb(152,32,1)
```
#ab2402
```
#ab2402 rgb(171,36,2)
```
#bf2802
```
#bf2802 rgb(191,40,2)
```
#d22c02
```
#d22c02 rgb(210,44,2)
```
#e53002
```
#e53002 rgb(229,48,2)
```
#f93402
```
#f93402 rgb(249,52,2)
```

Shade Color Variation

#fd4112
```
#fd4112 rgb(253,65,18)
```
#fd5126
```
#fd5126 rgb(253,81,38)
```
#fd6139
```
#fd6139 rgb(253,97,57)
```
#fd704c
```
#fd704c rgb(253,112,76)
```
#fd8060
```
#fd8060 rgb(253,128,96)
```
#fe8f73
```
#fe8f73 rgb(254,143,115)
```
#fe9f87
```
#fe9f87 rgb(254,159,135)
```
#feae9a
```
#feae9a rgb(254,174,154)
```
#febeae
```
#febeae rgb(254,190,174)
```
#fecdc1
```
#fecdc1 rgb(254,205,193)
```
#ffddd4
```
#ffddd4 rgb(255,221,212)
```
#ffece8
```
#ffece8 rgb(255,236,232)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#706664
```
#706664 rgb(112,102,100)
```
#78615c
```
#78615c rgb(120,97,92)
```
#805d54
```
#805d54 rgb(128,93,84)
```
#89584b
```
#89584b rgb(137,88,75)
```
#915343
```
#915343 rgb(145,83,67)
```
#994e3b
```
#994e3b rgb(153,78,59)
```
#a14933
```
#a14933 rgb(161,73,51)
```
#a9442b
```
#a9442b rgb(169,68,43)
```
#b13f23
```
#b13f23 rgb(177,63,35)
```
#ba3b1a
```
#ba3b1a rgb(186,59,26)
```
#c23612
```
#c23612 rgb(194,54,18)
```
#ca310a
```
#ca310a rgb(202,49,10)
```
#d22c02
```
#d22c02 rgb(210,44,2)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#715048 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83751d Protanopia 1% of men
#926f00 Deuteranopia 1% of men
#d43334 Tritanopia 0.001% of the population

Trichromacy

#9f5a13 Protanomaly 1% of men, 0.01% of women
#a95700 Deuteranomaly 6% of men, 0.4% of women
#d33022 Tritanomaly 0.01% of the population

#d22c02 hex color

#d22c02 Color Information

#d22c02 Color Conversion

Color Schemes with #d22c02

Alternatives to #d22c02

#d22c02 Preview

Shades and Tints of #d22c02

Tones of #d22c02

Color Blindness Simulator