#dc2424 hex color

In a RGB color space, hex #dc2424 is composed of 86.3% red, 14.1% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.6% magenta, 83.6% yellow and 13.7% black. It has a hue angle of 0 degrees, a saturation of 72.4% and a lightness of 50.2%. #dc2424 color hex could be obtained by blending #ff4848 with #b90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 86
- G 14
- B 14
RGB color chart
- C 0
- M 84
- Y 84
- K 14
CMYK color chart

● #dc2424 color description : Bright red.

The hexadecimal color #dc2424 has RGB values of R:220, G:36, B:36 and CMYK values of C:0, M:0.84, Y:0.84, K:0.14. Its decimal value is 14427172.

Hex triplet	dc2424	`#dc2424`
RGB Decimal	220, 36, 36	`rgb(220,36,36)`
RGB Percent	86.3, 14.1, 14.1	`rgb(86.3%,14.1%,14.1%)`
CMYK	0, 84, 84, 14
HSL	0°, 72.4, 50.2	`hsl(0,72.4%,50.2%)`
HSV (or HSB)	0°, 83.6, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.763, 67.345, 47.765
XYZ	30.466, 16.609, 3.271
xyY	0.605, 0.33, 16.609
CIE-LCH	47.763, 82.565, 35.347
CIE-LUV	47.763, 138.615, 29.903
Hunter-Lab	40.754, 62.122, 23.769
Binary	11011100, 00100100, 00100100

#dc2424
```
#dc2424 rgb(220,36,36)
```
#24dcdc
```
#24dcdc rgb(36,220,220)
```

Complementary Color

#dc2480
```
#dc2480 rgb(220,36,128)
```
#dc2424
```
#dc2424 rgb(220,36,36)
```
#dc8024
```
#dc8024 rgb(220,128,36)
```

Analogous Color

#2480dc
```
#2480dc rgb(36,128,220)
```
#dc2424
```
#dc2424 rgb(220,36,36)
```
#24dc80
```
#24dc80 rgb(36,220,128)
```

Split Complementary Color

#2424dc
```
#2424dc rgb(36,36,220)
```
#dc2424
```
#dc2424 rgb(220,36,36)
```
#24dc24
```
#24dc24 rgb(36,220,36)
```

Triadic Color

#dc24dc
```
#dc24dc rgb(220,36,220)
```
#dc2424
```
#dc2424 rgb(220,36,36)
```
#24dc24
```
#24dc24 rgb(36,220,36)
```
#24dcdc
```
#24dcdc rgb(36,220,220)
```

Tetradic Color

#9b1919
```
#9b1919 rgb(155,25,25)
```
#b11c1c
```
#b11c1c rgb(177,28,28)
```
#c72020
```
#c72020 rgb(199,32,32)
```
#dc2424
```
#dc2424 rgb(220,36,36)
```
#e03a3a
```
#e03a3a rgb(224,58,58)
```
#e35050
```
#e35050 rgb(227,80,80)
```
#e76666
```
#e76666 rgb(231,102,102)
```

Monochromatic Color

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

#dc2452
```
#dc2452 rgb(220,36,82)
```
#dc2443
```
#dc2443 rgb(220,36,67)
```
#dc2433
```
#dc2433 rgb(220,36,51)
```
#dc2424
```
#dc2424 rgb(220,36,36)
```
#dc3324
```
#dc3324 rgb(220,51,36)
```
#dc4324
```
#dc4324 rgb(220,67,36)
```
#dc5224
```
#dc5224 rgb(220,82,36)
```

Similar Colors

Text with hexadecimal color #dc2424

This text has a font color of #dc2424.

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

#dc2424 background color

This paragraph has a background color of #dc2424.

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

#dc2424 border color

This element has a border color of #dc2424.

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

CSS codes

.text {color:#dc2424;}

.background {background-color:#dc2424;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120303
```
#120303 rgb(18,3,3)
```
#230606
```
#230606 rgb(35,6,6)
```
#340808
```
#340808 rgb(52,8,8)
```
#450b0b
```
#450b0b rgb(69,11,11)
```
#550e0e
```
#550e0e rgb(85,14,14)
```
#661010
```
#661010 rgb(102,16,16)
```
#771313
```
#771313 rgb(119,19,19)
```
#881616
```
#881616 rgb(136,22,22)
```
#991818
```
#991818 rgb(153,24,24)
```
#aa1b1b
```
#aa1b1b rgb(170,27,27)
```
#bb1e1e
```
#bb1e1e rgb(187,30,30)
```
#cc2121
```
#cc2121 rgb(204,33,33)
```

Shade Color Variation

#dc2424
```
#dc2424 rgb(220,36,36)
```
#df3535
```
#df3535 rgb(223,53,53)
```
#e14646
```
#e14646 rgb(225,70,70)
```
#e45757
```
#e45757 rgb(228,87,87)
```
#e76868
```
#e76868 rgb(231,104,104)
```
#ea7979
```
#ea7979 rgb(234,121,121)
```
#ec8989
```
#ec8989 rgb(236,137,137)
```
#ef9a9a
```
#ef9a9a rgb(239,154,154)
```
#f2abab
```
#f2abab rgb(242,171,171)
```
#f4bcbc
```
#f4bcbc rgb(244,188,188)
```
#f7cdcd
```
#f7cdcd rgb(247,205,205)
```
#fadede
```
#fadede rgb(250,222,222)
```
#fcefef
```
#fcefef rgb(252,239,239)
```

Tint Color Variation

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

#847c7c
```
#847c7c rgb(132,124,124)
```
#8e7272
```
#8e7272 rgb(142,114,114)
```
#986868
```
#986868 rgb(152,104,104)
```
#a15f5f
```
#a15f5f rgb(161,95,95)
```
#ab5555
```
#ab5555 rgb(171,85,85)
```
#b54b4b
```
#b54b4b rgb(181,75,75)
```
#bf4141
```
#bf4141 rgb(191,65,65)
```
#c83838
```
#c83838 rgb(200,56,56)
```
#d22e2e
```
#d22e2e rgb(210,46,46)
```
#dc2424
```
#dc2424 rgb(220,36,36)
```
#e61a1a
```
#e61a1a rgb(230,26,26)
```
#f01010
```
#f01010 rgb(240,16,16)
```
#f90707
```
#f90707 rgb(249,7,7)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#755050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847841 Protanopia 1% of men
#96721b Deuteranopia 1% of men
#dd2f2e Tritanopia 0.001% of the population

Trichromacy

#a45936 Protanomaly 1% of men, 0.01% of women
#af561e Deuteranomaly 6% of men, 0.4% of women
#dd2b2a Tritanomaly 0.01% of the population

#dc2424 hex color

#dc2424 Color Information

#dc2424 Color Conversion

Color Schemes with #dc2424

Alternatives to #dc2424

#dc2424 Preview

Shades and Tints of #dc2424

Tones of #dc2424

Color Blindness Simulator