#dc3022 hex color

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

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

● #dc3022 color description : Bright red.

The hexadecimal color #dc3022 has RGB values of R:220, G:48, B:34 and CMYK values of C:0, M:0.78, Y:0.85, K:0.14. Its decimal value is 14430242.

Hex triplet	dc3022	`#dc3022`
RGB Decimal	220, 48, 34	`rgb(220,48,34)`
RGB Percent	86.3, 18.8, 13.3	`rgb(86.3%,18.8%,13.3%)`
CMYK	0, 78, 85, 14
HSL	4.5°, 73.2, 49.8	`hsl(4.5,73.2%,49.8%)`
HSV (or HSB)	4.5°, 84.5, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.821, 64.264, 49.68
XYZ	30.862, 17.449, 3.256
xyY	0.598, 0.338, 17.449
CIE-LCH	48.821, 81.228, 37.706
CIE-LUV	48.821, 133.561, 32.391
Hunter-Lab	41.772, 58.781, 24.618
Binary	11011100, 00110000, 00100010

#dc3022
```
#dc3022 rgb(220,48,34)
```
#22cedc
```
#22cedc rgb(34,206,220)
```

Complementary Color

#dc2271
```
#dc2271 rgb(220,34,113)
```
#dc3022
```
#dc3022 rgb(220,48,34)
```
#dc8d22
```
#dc8d22 rgb(220,141,34)
```

Analogous Color

#2271dc
```
#2271dc rgb(34,113,220)
```
#dc3022
```
#dc3022 rgb(220,48,34)
```
#22dc8d
```
#22dc8d rgb(34,220,141)
```

Split Complementary Color

#3022dc
```
#3022dc rgb(48,34,220)
```
#dc3022
```
#dc3022 rgb(220,48,34)
```
#22dc30
```
#22dc30 rgb(34,220,48)
```

Triadic Color

#dc22ce
```
#dc22ce rgb(220,34,206)
```
#dc3022
```
#dc3022 rgb(220,48,34)
```
#22dc30
```
#22dc30 rgb(34,220,48)
```
#22cedc
```
#22cedc rgb(34,206,220)
```

Tetradic Color

#9a2218
```
#9a2218 rgb(154,34,24)
```
#b0261b
```
#b0261b rgb(176,38,27)
```
#c62b1f
```
#c62b1f rgb(198,43,31)
```
#dc3022
```
#dc3022 rgb(220,48,34)
```
#e04437
```
#e04437 rgb(224,68,55)
```
#e4594d
```
#e4594d rgb(228,89,77)
```
#e76d64
```
#e76d64 rgb(231,109,100)
```

Monochromatic Color

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

#dc2243
```
#dc2243 rgb(220,34,67)
```
#dc2233
```
#dc2233 rgb(220,34,51)
```
#dc2224
```
#dc2224 rgb(220,34,36)
```
#dc3022
```
#dc3022 rgb(220,48,34)
```
#dc3f22
```
#dc3f22 rgb(220,63,34)
```
#dc4f22
```
#dc4f22 rgb(220,79,34)
```
#dc5e22
```
#dc5e22 rgb(220,94,34)
```

Similar Colors

Text with hexadecimal color #dc3022

This text has a font color of #dc3022.

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

#dc3022 background color

This paragraph has a background color of #dc3022.

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

#dc3022 border color

This element has a border color of #dc3022.

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

CSS codes

.text {color:#dc3022;}

.background {background-color:#dc3022;}

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

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

#100402
```
#100402 rgb(16,4,2)
```
#210705
```
#210705 rgb(33,7,5)
```
#320b08
```
#320b08 rgb(50,11,8)
```
#430f0a
```
#430f0a rgb(67,15,10)
```
#54120d
```
#54120d rgb(84,18,13)
```
#651610
```
#651610 rgb(101,22,16)
```
#761a12
```
#761a12 rgb(118,26,18)
```
#871d15
```
#871d15 rgb(135,29,21)
```
#982117
```
#982117 rgb(152,33,23)
```
#a9251a
```
#a9251a rgb(169,37,26)
```
#ba291d
```
#ba291d rgb(186,41,29)
```
#cb2c1f
```
#cb2c1f rgb(203,44,31)
```
#dc3022
```
#dc3022 rgb(220,48,34)
```

Shade Color Variation

#df3f32
```
#df3f32 rgb(223,63,50)
```
#e24f43
```
#e24f43 rgb(226,79,67)
```
#e55f54
```
#e55f54 rgb(229,95,84)
```
#e76f65
```
#e76f65 rgb(231,111,101)
```
#ea7f76
```
#ea7f76 rgb(234,127,118)
```
#ec8f87
```
#ec8f87 rgb(236,143,135)
```
#ef9f98
```
#ef9f98 rgb(239,159,152)
```
#f2afa9
```
#f2afa9 rgb(242,175,169)
```
#f4bfba
```
#f4bfba rgb(244,191,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 #f91705 is the most saturated one.

#847b7a
```
#847b7a rgb(132,123,122)
```
#8e7270
```
#8e7270 rgb(142,114,112)
```
#986a66
```
#986a66 rgb(152,106,102)
```
#a1625d
```
#a1625d rgb(161,98,93)
```
#ab5953
```
#ab5953 rgb(171,89,83)
```
#b55149
```
#b55149 rgb(181,81,73)
```
#bf493f
```
#bf493f rgb(191,73,63)
```
#c84136
```
#c84136 rgb(200,65,54)
```
#d2382c
```
#d2382c rgb(210,56,44)
```
#dc3022
```
#dc3022 rgb(220,48,34)
```
#e62818
```
#e62818 rgb(230,40,24)
```
#f01f0e
```
#f01f0e rgb(240,31,14)
```
#f91705
```
#f91705 rgb(249,23,5)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7a5855 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#dc3022 hex color

#dc3022 Color Information

#dc3022 Color Conversion

Color Schemes with #dc3022

Alternatives to #dc3022

#dc3022 Preview

Shades and Tints of #dc3022

Tones of #dc3022

Color Blindness Simulator