#dc3c22 hex color

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

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

● #dc3c22 color description : Bright red.

The hexadecimal color #dc3c22 has RGB values of R:220, G:60, B:34 and CMYK values of C:0, M:0.73, Y:0.85, K:0.14. Its decimal value is 14433314.

Hex triplet	dc3c22	`#dc3c22`
RGB Decimal	220, 60, 34	`rgb(220,60,34)`
RGB Percent	86.3, 23.5, 13.3	`rgb(86.3%,23.5%,13.3%)`
CMYK	0, 73, 85, 14
HSL	8.4°, 73.2, 49.8	`hsl(8.4,73.2%,49.8%)`
HSV (or HSB)	8.4°, 84.5, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.176, 60.483, 50.855
XYZ	31.421, 18.567, 3.443
xyY	0.588, 0.347, 18.567
CIE-LCH	50.176, 79.022, 40.058
CIE-LUV	50.176, 126.95, 34.862
Hunter-Lab	43.089, 54.76, 25.425
Binary	11011100, 00111100, 00100010

#dc3c22
```
#dc3c22 rgb(220,60,34)
```
#22c2dc
```
#22c2dc rgb(34,194,220)
```

Complementary Color

#dc2265
```
#dc2265 rgb(220,34,101)
```
#dc3c22
```
#dc3c22 rgb(220,60,34)
```
#dc9922
```
#dc9922 rgb(220,153,34)
```

Analogous Color

#2265dc
```
#2265dc rgb(34,101,220)
```
#dc3c22
```
#dc3c22 rgb(220,60,34)
```
#22dc99
```
#22dc99 rgb(34,220,153)
```

Split Complementary Color

#3c22dc
```
#3c22dc rgb(60,34,220)
```
#dc3c22
```
#dc3c22 rgb(220,60,34)
```
#22dc3c
```
#22dc3c rgb(34,220,60)
```

Triadic Color

#dc22c2
```
#dc22c2 rgb(220,34,194)
```
#dc3c22
```
#dc3c22 rgb(220,60,34)
```
#22dc3c
```
#22dc3c rgb(34,220,60)
```
#22c2dc
```
#22c2dc rgb(34,194,220)
```

Tetradic Color

#9a2a18
```
#9a2a18 rgb(154,42,24)
```
#b0301b
```
#b0301b rgb(176,48,27)
```
#c6361f
```
#c6361f rgb(198,54,31)
```
#dc3c22
```
#dc3c22 rgb(220,60,34)
```
#e04f37
```
#e04f37 rgb(224,79,55)
```
#e4624d
```
#e4624d rgb(228,98,77)
```
#e77664
```
#e77664 rgb(231,118,100)
```

Monochromatic Color

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

#dc2237
```
#dc2237 rgb(220,34,55)
```
#dc2227
```
#dc2227 rgb(220,34,39)
```
#dc2c22
```
#dc2c22 rgb(220,44,34)
```
#dc3c22
```
#dc3c22 rgb(220,60,34)
```
#dc4b22
```
#dc4b22 rgb(220,75,34)
```
#dc5b22
```
#dc5b22 rgb(220,91,34)
```
#dc6b22
```
#dc6b22 rgb(220,107,34)
```

Similar Colors

Text with hexadecimal color #dc3c22

This text has a font color of #dc3c22.

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

#dc3c22 background color

This paragraph has a background color of #dc3c22.

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

#dc3c22 border color

This element has a border color of #dc3c22.

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

CSS codes

.text {color:#dc3c22;}

.background {background-color:#dc3c22;}

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

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)
```
#210905
```
#210905 rgb(33,9,5)
```
#320e08
```
#320e08 rgb(50,14,8)
```
#43120a
```
#43120a rgb(67,18,10)
```
#54170d
```
#54170d rgb(84,23,13)
```
#651c10
```
#651c10 rgb(101,28,16)
```
#762012
```
#762012 rgb(118,32,18)
```
#872515
```
#872515 rgb(135,37,21)
```
#982917
```
#982917 rgb(152,41,23)
```
#a92e1a
```
#a92e1a rgb(169,46,26)
```
#ba331d
```
#ba331d rgb(186,51,29)
```
#cb371f
```
#cb371f rgb(203,55,31)
```
#dc3c22
```
#dc3c22 rgb(220,60,34)
```

Shade Color Variation

#df4a32
```
#df4a32 rgb(223,74,50)
```
#e25943
```
#e25943 rgb(226,89,67)
```
#e56854
```
#e56854 rgb(229,104,84)
```
#e77765
```
#e77765 rgb(231,119,101)
```
#ea8676
```
#ea8676 rgb(234,134,118)
```
#ec9587
```
#ec9587 rgb(236,149,135)
```
#efa498
```
#efa498 rgb(239,164,152)
```
#f2b3a9
```
#f2b3a9 rgb(242,179,169)
```
#f4c2ba
```
#f4c2ba rgb(244,194,186)
```
#f7d1cb
```
#f7d1cb rgb(247,209,203)
```
#fae0dc
```
#fae0dc rgb(250,224,220)
```
#fcefed
```
#fcefed rgb(252,239,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 #f92705 is the most saturated one.

#847b7a
```
#847b7a rgb(132,123,122)
```
#8e7470
```
#8e7470 rgb(142,116,112)
```
#986d66
```
#986d66 rgb(152,109,102)
```
#a1665d
```
#a1665d rgb(161,102,93)
```
#ab5f53
```
#ab5f53 rgb(171,95,83)
```
#b55849
```
#b55849 rgb(181,88,73)
```
#bf513f
```
#bf513f rgb(191,81,63)
```
#c84a36
```
#c84a36 rgb(200,74,54)
```
#d2432c
```
#d2432c rgb(210,67,44)
```
#dc3c22
```
#dc3c22 rgb(220,60,34)
```
#e63518
```
#e63518 rgb(230,53,24)
```
#f02e0e
```
#f02e0e rgb(240,46,14)
```
#f92705
```
#f92705 rgb(249,39,5)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#80605b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7e3b Protanopia 1% of men
#9d781a Deuteranopia 1% of men
#de4345 Tritanopia 0.001% of the population

Trichromacy

#a86632 Protanomaly 1% of men, 0.01% of women
#b4621d Deuteranomaly 6% of men, 0.4% of women
#dd4038 Tritanomaly 0.01% of the population

#dc3c22 hex color

#dc3c22 Color Information

#dc3c22 Color Conversion

Color Schemes with #dc3c22

Alternatives to #dc3c22

#dc3c22 Preview

Shades and Tints of #dc3c22

Tones of #dc3c22

Color Blindness Simulator