#dc2c12 hex color

In a RGB color space, hex #dc2c12 is composed of 86.3% red, 17.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 91.8% yellow and 13.7% black. It has a hue angle of 7.7 degrees, a saturation of 84.9% and a lightness of 46.7%. #dc2c12 color hex could be obtained by blending #ff5824 with #b90000. Closest websafe color is: #cc3300.

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

● #dc2c12 color description : Vivid red.

The hexadecimal color #dc2c12 has RGB values of R:220, G:44, B:18 and CMYK values of C:0, M:0.8, Y:0.92, K:0.14. Its decimal value is 14429202.

Hex triplet	dc2c12	`#dc2c12`
RGB Decimal	220, 44, 18	`rgb(220,44,18)`
RGB Percent	86.3, 17.3, 7.1	`rgb(86.3%,17.3%,7.1%)`
CMYK	0, 80, 92, 14
HSL	7.7°, 84.9, 46.7	`hsl(7.7,84.9%,46.7%)`
HSV (or HSB)	7.7°, 91.8, 86.3
Web Safe	cc3300	`#cc3300`

CIE-LAB	48.341, 65.08, 55.979
XYZ	30.527, 17.065, 2.259
xyY	0.612, 0.342, 17.065
CIE-LCH	48.341, 85.844, 40.701
CIE-LUV	48.341, 137.327, 34.782
Hunter-Lab	41.309, 59.617, 25.675
Binary	11011100, 00101100, 00010010

#dc2c12
```
#dc2c12 rgb(220,44,18)
```
#12c2dc
```
#12c2dc rgb(18,194,220)
```

Complementary Color

#dc125d
```
#dc125d rgb(220,18,93)
```
#dc2c12
```
#dc2c12 rgb(220,44,18)
```
#dc9112
```
#dc9112 rgb(220,145,18)
```

Analogous Color

#125ddc
```
#125ddc rgb(18,93,220)
```
#dc2c12
```
#dc2c12 rgb(220,44,18)
```
#12dc91
```
#12dc91 rgb(18,220,145)
```

Split Complementary Color

#2c12dc
```
#2c12dc rgb(44,18,220)
```
#dc2c12
```
#dc2c12 rgb(220,44,18)
```
#12dc2c
```
#12dc2c rgb(18,220,44)
```

Triadic Color

#dc12c2
```
#dc12c2 rgb(220,18,194)
```
#dc2c12
```
#dc2c12 rgb(220,44,18)
```
#12dc2c
```
#12dc2c rgb(18,220,44)
```
#12c2dc
```
#12c2dc rgb(18,194,220)
```

Tetradic Color

#951e0c
```
#951e0c rgb(149,30,12)
```
#ad230e
```
#ad230e rgb(173,35,14)
```
#c42710
```
#c42710 rgb(196,39,16)
```
#dc2c12
```
#dc2c12 rgb(220,44,18)
```
#ec361b
```
#ec361b rgb(236,54,27)
```
#ee4b33
```
#ee4b33 rgb(238,75,51)
```
#f0604a
```
#f0604a rgb(240,96,74)
```

Monochromatic Color

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

#dc122b
```
#dc122b rgb(220,18,43)
```
#dc121a
```
#dc121a rgb(220,18,26)
```
#dc1b12
```
#dc1b12 rgb(220,27,18)
```
#dc2c12
```
#dc2c12 rgb(220,44,18)
```
#dc3d12
```
#dc3d12 rgb(220,61,18)
```
#dc4e12
```
#dc4e12 rgb(220,78,18)
```
#dc5f12
```
#dc5f12 rgb(220,95,18)
```

Similar Colors

Text with hexadecimal color #dc2c12

This text has a font color of #dc2c12.

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

#dc2c12 background color

This paragraph has a background color of #dc2c12.

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

#dc2c12 border color

This element has a border color of #dc2c12.

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

CSS codes

.text {color:#dc2c12;}

.background {background-color:#dc2c12;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150402
```
#150402 rgb(21,4,2)
```
#270803
```
#270803 rgb(39,8,3)
```
#390b05
```
#390b05 rgb(57,11,5)
```
#4b0f06
```
#4b0f06 rgb(75,15,6)
```
#5d1308
```
#5d1308 rgb(93,19,8)
```
#6f1609
```
#6f1609 rgb(111,22,9)
```
#811a0b
```
#811a0b rgb(129,26,11)
```
#931d0c
```
#931d0c rgb(147,29,12)
```
#a6210e
```
#a6210e rgb(166,33,14)
```
#b8250f
```
#b8250f rgb(184,37,15)
```
#ca2811
```
#ca2811 rgb(202,40,17)
```
#dc2c12
```
#dc2c12 rgb(220,44,18)
```

Shade Color Variation

#ec3116
```
#ec3116 rgb(236,49,22)
```
#ed4128
```
#ed4128 rgb(237,65,40)
```
#ef513a
```
#ef513a rgb(239,81,58)
```
#f0614c
```
#f0614c rgb(240,97,76)
```
#f2715e
```
#f2715e rgb(242,113,94)
```
#f38170
```
#f38170 rgb(243,129,112)
```
#f59182
```
#f59182 rgb(245,145,130)
```
#f6a195
```
#f6a195 rgb(246,161,149)
```
#f8b1a7
```
#f8b1a7 rgb(248,177,167)
```
#f9c1b9
```
#f9c1b9 rgb(249,193,185)
```
#fbd1cb
```
#fbd1cb rgb(251,209,203)
```
#fce1dd
```
#fce1dd rgb(252,225,221)
```
#fef1ef
```
#fef1ef rgb(254,241,239)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#80706e
```
#80706e rgb(128,112,110)
```
#8a6964
```
#8a6964 rgb(138,105,100)
```
#93625b
```
#93625b rgb(147,98,91)
```
#9c5c52
```
#9c5c52 rgb(156,92,82)
```
#a55549
```
#a55549 rgb(165,85,73)
```
#ae4e40
```
#ae4e40 rgb(174,78,64)
```
#b74737
```
#b74737 rgb(183,71,55)
```
#c1402d
```
#c1402d rgb(193,64,45)
```
#ca3a24
```
#ca3a24 rgb(202,58,36)
```
#d3331b
```
#d3331b rgb(211,51,27)
```
#dc2c12
```
#dc2c12 rgb(220,44,18)
```
#e52509
```
#e52509 rgb(229,37,9)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#77544f Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a2d Protanopia 1% of men
#987400 Deuteranopia 1% of men
#de3434 Tritanopia 0.001% of the population

Trichromacy

#a65d23 Protanomaly 1% of men, 0.01% of women
#b15906 Deuteranomaly 6% of men, 0.4% of women
#dd3128 Tritanomaly 0.01% of the population

#dc2c12 hex color

#dc2c12 Color Information

#dc2c12 Color Conversion

Color Schemes with #dc2c12

Alternatives to #dc2c12

#dc2c12 Preview

Shades and Tints of #dc2c12

Tones of #dc2c12

Color Blindness Simulator