#dc2f22 hex color

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

♥
- f
- t
- g
- R 86
- G 18
- B 13
RGB color chart
- C 0
- M 79
- Y 85
- K 14
CMYK color chart

● #dc2f22 color description : Bright red.

The hexadecimal color #dc2f22 has RGB values of R:220, G:47, B:34 and CMYK values of C:0, M:0.79, Y:0.85, K:0.14. Its decimal value is 14429986.

Hex triplet	dc2f22	`#dc2f22`
RGB Decimal	220, 47, 34	`rgb(220,47,34)`
RGB Percent	86.3, 18.4, 13.3	`rgb(86.3%,18.4%,13.3%)`
CMYK	0, 79, 85, 14
HSL	4.2°, 73.2, 49.8	`hsl(4.2,73.2%,49.8%)`
HSV (or HSB)	4.2°, 84.5, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.72, 64.546, 49.593
XYZ	30.822, 17.368, 3.243
xyY	0.599, 0.338, 17.368
CIE-LCH	48.72, 81.399, 37.536
CIE-LUV	48.72, 134.058, 32.208
Hunter-Lab	41.675, 59.084, 24.559
Binary	11011100, 00101111, 00100010

#dc2f22
```
#dc2f22 rgb(220,47,34)
```
#22cfdc
```
#22cfdc rgb(34,207,220)
```

Complementary Color

#dc2272
```
#dc2272 rgb(220,34,114)
```
#dc2f22
```
#dc2f22 rgb(220,47,34)
```
#dc8c22
```
#dc8c22 rgb(220,140,34)
```

Analogous Color

#2272dc
```
#2272dc rgb(34,114,220)
```
#dc2f22
```
#dc2f22 rgb(220,47,34)
```
#22dc8c
```
#22dc8c rgb(34,220,140)
```

Split Complementary Color

#2f22dc
```
#2f22dc rgb(47,34,220)
```
#dc2f22
```
#dc2f22 rgb(220,47,34)
```
#22dc2f
```
#22dc2f rgb(34,220,47)
```

Triadic Color

#dc22cf
```
#dc22cf rgb(220,34,207)
```
#dc2f22
```
#dc2f22 rgb(220,47,34)
```
#22dc2f
```
#22dc2f rgb(34,220,47)
```
#22cfdc
```
#22cfdc rgb(34,207,220)
```

Tetradic Color

#9a2118
```
#9a2118 rgb(154,33,24)
```
#b0261b
```
#b0261b rgb(176,38,27)
```
#c62a1f
```
#c62a1f rgb(198,42,31)
```
#dc2f22
```
#dc2f22 rgb(220,47,34)
```
#e04337
```
#e04337 rgb(224,67,55)
```
#e4584d
```
#e4584d rgb(228,88,77)
```
#e76d64
```
#e76d64 rgb(231,109,100)
```

Monochromatic Color

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

#dc2244
```
#dc2244 rgb(220,34,68)
```
#dc2234
```
#dc2234 rgb(220,34,52)
```
#dc2225
```
#dc2225 rgb(220,34,37)
```
#dc2f22
```
#dc2f22 rgb(220,47,34)
```
#dc3f22
```
#dc3f22 rgb(220,63,34)
```
#dc4e22
```
#dc4e22 rgb(220,78,34)
```
#dc5e22
```
#dc5e22 rgb(220,94,34)
```

Similar Colors

Text with hexadecimal color #dc2f22

This text has a font color of #dc2f22.

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

#dc2f22 background color

This paragraph has a background color of #dc2f22.

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

#dc2f22 border color

This element has a border color of #dc2f22.

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

CSS codes

.text {color:#dc2f22;}

.background {background-color:#dc2f22;}

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

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)
```
#210705
```
#210705 rgb(33,7,5)
```
#320b08
```
#320b08 rgb(50,11,8)
```
#430e0a
```
#430e0a rgb(67,14,10)
```
#54120d
```
#54120d rgb(84,18,13)
```
#651610
```
#651610 rgb(101,22,16)
```
#761912
```
#761912 rgb(118,25,18)
```
#871d15
```
#871d15 rgb(135,29,21)
```
#982017
```
#982017 rgb(152,32,23)
```
#a9241a
```
#a9241a rgb(169,36,26)
```
#ba281d
```
#ba281d rgb(186,40,29)
```
#cb2b1f
```
#cb2b1f rgb(203,43,31)
```
#dc2f22
```
#dc2f22 rgb(220,47,34)
```

Shade Color Variation

#df3e32
```
#df3e32 rgb(223,62,50)
```
#e24e43
```
#e24e43 rgb(226,78,67)
```
#e55e54
```
#e55e54 rgb(229,94,84)
```
#e76e65
```
#e76e65 rgb(231,110,101)
```
#ea7e76
```
#ea7e76 rgb(234,126,118)
```
#ec8e87
```
#ec8e87 rgb(236,142,135)
```
#ef9e98
```
#ef9e98 rgb(239,158,152)
```
#f2aea9
```
#f2aea9 rgb(242,174,169)
```
#f4beba
```
#f4beba rgb(244,190,186)
```
#f7cecb
```
#f7cecb rgb(247,206,203)
```
#fadedc
```
#fadedc rgb(250,222,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, #847b7a is the less saturated color, while #f91605 is the most saturated one.

#847b7a
```
#847b7a rgb(132,123,122)
```
#8e7270
```
#8e7270 rgb(142,114,112)
```
#986a66
```
#986a66 rgb(152,106,102)
```
#a1615d
```
#a1615d rgb(161,97,93)
```
#ab5953
```
#ab5953 rgb(171,89,83)
```
#b55149
```
#b55149 rgb(181,81,73)
```
#bf483f
```
#bf483f rgb(191,72,63)
```
#c84036
```
#c84036 rgb(200,64,54)
```
#d2372c
```
#d2372c rgb(210,55,44)
```
#dc2f22
```
#dc2f22 rgb(220,47,34)
```
#e62718
```
#e62718 rgb(230,39,24)
```
#f01e0e
```
#f01e0e rgb(240,30,14)
```
#f91605
```
#f91605 rgb(249,22,5)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7a5754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877b3d Protanopia 1% of men
#997519 Deuteranopia 1% of men
#de3839 Tritanopia 0.001% of the population

Trichromacy

#a65f33 Protanomaly 1% of men, 0.01% of women
#b15b1c Deuteranomaly 6% of men, 0.4% of women
#dd3430 Tritanomaly 0.01% of the population

#dc2f22 hex color

#dc2f22 Color Information

#dc2f22 Color Conversion

Color Schemes with #dc2f22

Alternatives to #dc2f22

#dc2f22 Preview

Shades and Tints of #dc2f22

Tones of #dc2f22

Color Blindness Simulator