#dc422c hex color

In a RGB color space, hex #dc422c is composed of 86.3% red, 25.9% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70% magenta, 80% yellow and 13.7% black. It has a hue angle of 7.5 degrees, a saturation of 71.5% and a lightness of 51.8%. #dc422c color hex could be obtained by blending #ff8458 with #b90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 86
- G 26
- B 17
RGB color chart
- C 0
- M 70
- Y 80
- K 14
CMYK color chart

● #dc422c color description : Bright red.

The hexadecimal color #dc422c has RGB values of R:220, G:66, B:44 and CMYK values of C:0, M:0.7, Y:0.8, K:0.14. Its decimal value is 14434860.

Hex triplet	dc422c	`#dc422c`
RGB Decimal	220, 66, 44	`rgb(220,66,44)`
RGB Percent	86.3, 25.9, 17.3	`rgb(86.3%,25.9%,17.3%)`
CMYK	0, 70, 80, 14
HSL	7.5°, 71.5, 51.8	`hsl(7.5,71.5%,51.8%)`
HSV (or HSB)	7.5°, 80, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	51.034, 58.606, 46.804
XYZ	31.92, 19.298, 4.427
xyY	0.574, 0.347, 19.298
CIE-LCH	51.034, 75.001, 38.612
CIE-LUV	51.034, 121.854, 33.588
Hunter-Lab	43.929, 52.825, 24.776
Binary	11011100, 01000010, 00101100

#dc422c
```
#dc422c rgb(220,66,44)
```
#2cc6dc
```
#2cc6dc rgb(44,198,220)
```

Complementary Color

#dc2c6e
```
#dc2c6e rgb(220,44,110)
```
#dc422c
```
#dc422c rgb(220,66,44)
```
#dc9a2c
```
#dc9a2c rgb(220,154,44)
```

Analogous Color

#2c6edc
```
#2c6edc rgb(44,110,220)
```
#dc422c
```
#dc422c rgb(220,66,44)
```
#2cdc9a
```
#2cdc9a rgb(44,220,154)
```

Split Complementary Color

#422cdc
```
#422cdc rgb(66,44,220)
```
#dc422c
```
#dc422c rgb(220,66,44)
```
#2cdc42
```
#2cdc42 rgb(44,220,66)
```

Triadic Color

#dc2cc6
```
#dc2cc6 rgb(220,44,198)
```
#dc422c
```
#dc422c rgb(220,66,44)
```
#2cdc42
```
#2cdc42 rgb(44,220,66)
```
#2cc6dc
```
#2cc6dc rgb(44,198,220)
```

Tetradic Color

#a12b1b
```
#a12b1b rgb(161,43,27)
```
#b7311e
```
#b7311e rgb(183,49,30)
```
#cd3722
```
#cd3722 rgb(205,55,34)
```
#dc422c
```
#dc422c rgb(220,66,44)
```
#e05642
```
#e05642 rgb(224,86,66)
```
#e36958
```
#e36958 rgb(227,105,88)
```
#e77d6e
```
#e77d6e rgb(231,125,110)
```

Monochromatic Color

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

#dc2c42
```
#dc2c42 rgb(220,44,66)
```
#dc2c33
```
#dc2c33 rgb(220,44,51)
```
#dc332c
```
#dc332c rgb(220,51,44)
```
#dc422c
```
#dc422c rgb(220,66,44)
```
#dc512c
```
#dc512c rgb(220,81,44)
```
#dc5f2c
```
#dc5f2c rgb(220,95,44)
```
#dc6e2c
```
#dc6e2c rgb(220,110,44)
```

Similar Colors

Text with hexadecimal color #dc422c

This text has a font color of #dc422c.

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

#dc422c background color

This paragraph has a background color of #dc422c.

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

#dc422c border color

This element has a border color of #dc422c.

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

CSS codes

.text {color:#dc422c;}

.background {background-color:#dc422c;}

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

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

#080201
```
#080201 rgb(8,2,1)
```
#190704
```
#190704 rgb(25,7,4)
```
#290b07
```
#290b07 rgb(41,11,7)
```
#3a100a
```
#3a100a rgb(58,16,10)
```
#4b140c
```
#4b140c rgb(75,20,12)
```
#5c190f
```
#5c190f rgb(92,25,15)
```
#6d1d12
```
#6d1d12 rgb(109,29,18)
```
#7d2215
```
#7d2215 rgb(125,34,21)
```
#8e2618
```
#8e2618 rgb(142,38,24)
```
#9f2b1a
```
#9f2b1a rgb(159,43,26)
```
#b0301d
```
#b0301d rgb(176,48,29)
```
#c13420
```
#c13420 rgb(193,52,32)
```
#d23923
```
#d23923 rgb(210,57,35)
```

Shade Color Variation

#dc422c
```
#dc422c rgb(220,66,44)
```
#df513d
```
#df513d rgb(223,81,61)
```
#e2604e
```
#e2604e rgb(226,96,78)
```
#e46f5e
```
#e46f5e rgb(228,111,94)
```
#e77e6f
```
#e77e6f rgb(231,126,111)
```
#ea8d80
```
#ea8d80 rgb(234,141,128)
```
#ed9c91
```
#ed9c91 rgb(237,156,145)
```
#f0aba2
```
#f0aba2 rgb(240,171,162)
```
#f2bbb3
```
#f2bbb3 rgb(242,187,179)
```
#f5cac3
```
#f5cac3 rgb(245,202,195)
```
#f8d9d4
```
#f8d9d4 rgb(248,217,212)
```
#fbe8e5
```
#fbe8e5 rgb(251,232,229)
```
#fdf7f6
```
#fdf7f6 rgb(253,247,246)
```

Tint Color Variation

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

#878281
```
#878281 rgb(135,130,129)
```
#907b78
```
#907b78 rgb(144,123,120)
```
#9a746e
```
#9a746e rgb(154,116,110)
```
#a36d65
```
#a36d65 rgb(163,109,101)
```
#ad655b
```
#ad655b rgb(173,101,91)
```
#b65e52
```
#b65e52 rgb(182,94,82)
```
#c05748
```
#c05748 rgb(192,87,72)
```
#c9503f
```
#c9503f rgb(201,80,63)
```
#d34935
```
#d34935 rgb(211,73,53)
```
#dc422c
```
#dc422c rgb(220,66,44)
```
#e53b23
```
#e53b23 rgb(229,59,35)
```
#ef3419
```
#ef3419 rgb(239,52,25)
```
#f82d10
```
#f82d10 rgb(248,45,16)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#846561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8045 Protanopia 1% of men
#9f7a29 Deuteranopia 1% of men
#de494c Tritanopia 0.001% of the population

Trichromacy

#a9693c Protanomaly 1% of men, 0.01% of women
#b5652a Deuteranomaly 6% of men, 0.4% of women
#dd4640 Tritanomaly 0.01% of the population

#dc422c hex color

#dc422c Color Information

#dc422c Color Conversion

Color Schemes with #dc422c

Alternatives to #dc422c

#dc422c Preview

Shades and Tints of #dc422c

Tones of #dc422c

Color Blindness Simulator