colorhexa.com

#dc2a22 hex color

In a RGB color space, hex #dc2a22 is composed of 86.3% red, 16.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.9% magenta, 84.5% yellow and 13.7% black. It has a hue angle of 2.6 degrees, a saturation of 73.2% and a lightness of 49.8%. #dc2a22 color hex could be obtained by blending #ff5444 with #b90000. Closest websafe color is: #cc3333.

- R 86
- G 16
- B 13
RGB color chart
- C 0
- M 81
- Y 85
- K 14
CMYK color chart

● #dc2a22 color description : Bright red.

The hexadecimal color #dc2a22 has RGB values of R:220, G:42, B:34 and CMYK values of C:0, M:0.81, Y:0.85, K:0.14. Its decimal value is 14428706.

Hex triplet	dc2a22	`#dc2a22`
RGB Decimal	220, 42, 34	`rgb(220,42,34)`
RGB Percent	86.3, 16.5, 13.3	`rgb(86.3%,16.5%,13.3%)`
CMYK	0, 81, 85, 14
HSL	2.6°, 73.2, 49.8	`hsl(2.6,73.2%,49.8%)`
HSV (or HSB)	2.6°, 84.5, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.249, 65.878, 49.183
XYZ	30.634, 16.991, 3.18
xyY	0.603, 0.334, 16.991
CIE-LCH	48.249, 82.212, 36.744
CIE-LUV	48.249, 136.408, 31.34
Hunter-Lab	41.22, 60.521, 24.28
Binary	11011100, 00101010, 00100010

#dc2a22
```
#dc2a22 rgb(220,42,34)
```
#22d4dc
```
#22d4dc rgb(34,212,220)
```

Complementary Color

#dc2277
```
#dc2277 rgb(220,34,119)
```
#dc2a22
```
#dc2a22 rgb(220,42,34)
```
#dc8722
```
#dc8722 rgb(220,135,34)
```

Analogous Color

#2277dc
```
#2277dc rgb(34,119,220)
```
#dc2a22
```
#dc2a22 rgb(220,42,34)
```
#22dc87
```
#22dc87 rgb(34,220,135)
```

Split Complementary Color

#2a22dc
```
#2a22dc rgb(42,34,220)
```
#dc2a22
```
#dc2a22 rgb(220,42,34)
```
#22dc2a
```
#22dc2a rgb(34,220,42)
```

Triadic Color

#dc22d4
```
#dc22d4 rgb(220,34,212)
```
#dc2a22
```
#dc2a22 rgb(220,42,34)
```
#22dc2a
```
#22dc2a rgb(34,220,42)
```
#22d4dc
```
#22d4dc rgb(34,212,220)
```

Tetradic Color

#9a1d18
```
#9a1d18 rgb(154,29,24)
```
#b0221b
```
#b0221b rgb(176,34,27)
```
#c6261f
```
#c6261f rgb(198,38,31)
```
#dc2a22
```
#dc2a22 rgb(220,42,34)
```
#e03f37
```
#e03f37 rgb(224,63,55)
```
#e4544d
```
#e4544d rgb(228,84,77)
```
#e76964
```
#e76964 rgb(231,105,100)
```

Monochromatic Color

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

#dc2249
```
#dc2249 rgb(220,34,73)
```
#dc2239
```
#dc2239 rgb(220,34,57)
```
#dc2229
```
#dc2229 rgb(220,34,41)
```
#dc2a22
```
#dc2a22 rgb(220,42,34)
```
#dc3922
```
#dc3922 rgb(220,57,34)
```
#dc4922
```
#dc4922 rgb(220,73,34)
```
#dc5822
```
#dc5822 rgb(220,88,34)
```

Similar Colors

Text with hexadecimal color #dc2a22

This text has a font color of #dc2a22.

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

#dc2a22 background color

This paragraph has a background color of #dc2a22.

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

#dc2a22 border color

This element has a border color of #dc2a22.

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

CSS codes

.text {color:#dc2a22;}

.background {background-color:#dc2a22;}

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

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

#100302
```
#100302 rgb(16,3,2)
```
#210605
```
#210605 rgb(33,6,5)
```
#320a08
```
#320a08 rgb(50,10,8)
```
#430d0a
```
#430d0a rgb(67,13,10)
```
#54100d
```
#54100d rgb(84,16,13)
```
#651310
```
#651310 rgb(101,19,16)
```
#761712
```
#761712 rgb(118,23,18)
```
#871a15
```
#871a15 rgb(135,26,21)
```
#981d17
```
#981d17 rgb(152,29,23)
```
#a9201a
```
#a9201a rgb(169,32,26)
```
#ba241d
```
#ba241d rgb(186,36,29)
```
#cb271f
```
#cb271f rgb(203,39,31)
```
#dc2a22
```
#dc2a22 rgb(220,42,34)
```

Shade Color Variation

#df3a32
```
#df3a32 rgb(223,58,50)
```
#e24a43
```
#e24a43 rgb(226,74,67)
```
#e55a54
```
#e55a54 rgb(229,90,84)
```
#e76b65
```
#e76b65 rgb(231,107,101)
```
#ea7b76
```
#ea7b76 rgb(234,123,118)
```
#ec8c87
```
#ec8c87 rgb(236,140,135)
```
#ef9c98
```
#ef9c98 rgb(239,156,152)
```
#f2aca9
```
#f2aca9 rgb(242,172,169)
```
#f4bdba
```
#f4bdba rgb(244,189,186)
```
#f7cdcb
```
#f7cdcb rgb(247,205,203)
```
#fadddc
```
#fadddc rgb(250,221,220)
```
#fceeed
```
#fceeed rgb(252,238,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#847a7a
```
#847a7a rgb(132,122,122)
```
#8e7170
```
#8e7170 rgb(142,113,112)
```
#986966
```
#986966 rgb(152,105,102)
```
#a1605d
```
#a1605d rgb(161,96,93)
```
#ab5753
```
#ab5753 rgb(171,87,83)
```
#b54e49
```
#b54e49 rgb(181,78,73)
```
#bf453f
```
#bf453f rgb(191,69,63)
```
#c83c36
```
#c83c36 rgb(200,60,54)
```
#d2332c
```
#d2332c rgb(210,51,44)
```
#dc2a22
```
#dc2a22 rgb(220,42,34)
```
#e62118
```
#e62118 rgb(230,33,24)
```
#f0180e
```
#f0180e rgb(240,24,14)
```
#f90f05
```
#f90f05 rgb(249,15,5)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#775452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86793e Protanopia 1% of men
#987418 Deuteranopia 1% of men
#dd3434 Tritanopia 0.001% of the population

Trichromacy

#a55c33 Protanomaly 1% of men, 0.01% of women
#b0591c Deuteranomaly 6% of men, 0.4% of women
#dd302d Tritanomaly 0.01% of the population