#dc2e30 hex color

In a RGB color space, hex #dc2e30 is composed of 86.3% red, 18% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.1% magenta, 78.2% yellow and 13.7% black. It has a hue angle of 359.3 degrees, a saturation of 71.3% and a lightness of 52.2%. #dc2e30 color hex could be obtained by blending #ff5c60 with #b90000. Closest websafe color is: #cc3333.

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

● #dc2e30 color description : Bright red.

The hexadecimal color #dc2e30 has RGB values of R:220, G:46, B:48 and CMYK values of C:0, M:0.79, Y:0.78, K:0.14. Its decimal value is 14429744.

Hex triplet	dc2e30	`#dc2e30`
RGB Decimal	220, 46, 48	`rgb(220,46,48)`
RGB Percent	86.3, 18, 18.8	`rgb(86.3%,18%,18.8%)`
CMYK	0, 79, 78, 14
HSL	359.3°, 71.3, 52.2	`hsl(359.3,71.3%,52.2%)`
HSV (or HSB)	359.3°, 79.1, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.744, 65.206, 42.385
XYZ	31.027, 17.387, 4.518
xyY	0.586, 0.328, 17.387
CIE-LCH	48.744, 77.771, 33.024
CIE-LUV	48.744, 132.159, 27.926
Hunter-Lab	41.698, 59.851, 22.763
Binary	11011100, 00101110, 00110000

#dc2e30
```
#dc2e30 rgb(220,46,48)
```
#2edcda
```
#2edcda rgb(46,220,218)
```

Complementary Color

#dc2e87
```
#dc2e87 rgb(220,46,135)
```
#dc2e30
```
#dc2e30 rgb(220,46,48)
```
#dc832e
```
#dc832e rgb(220,131,46)
```

Analogous Color

#2e87dc
```
#2e87dc rgb(46,135,220)
```
#dc2e30
```
#dc2e30 rgb(220,46,48)
```
#2edc83
```
#2edc83 rgb(46,220,131)
```

Split Complementary Color

#2e30dc
```
#2e30dc rgb(46,48,220)
```
#dc2e30
```
#dc2e30 rgb(220,46,48)
```
#30dc2e
```
#30dc2e rgb(48,220,46)
```

Triadic Color

#da2edc
```
#da2edc rgb(218,46,220)
```
#dc2e30
```
#dc2e30 rgb(220,46,48)
```
#30dc2e
```
#30dc2e rgb(48,220,46)
```
#2edcda
```
#2edcda rgb(46,220,218)
```

Tetradic Color

#a21b1d
```
#a21b1d rgb(162,27,29)
```
#b81f21
```
#b81f21 rgb(184,31,33)
```
#ce2224
```
#ce2224 rgb(206,34,36)
```
#dc2e30
```
#dc2e30 rgb(220,46,48)
```
#e04446
```
#e04446 rgb(224,68,70)
```
#e35a5b
```
#e35a5b rgb(227,90,91)
```
#e77071
```
#e77071 rgb(231,112,113)
```

Monochromatic Color

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

#dc2e5c
```
#dc2e5c rgb(220,46,92)
```
#dc2e4d
```
#dc2e4d rgb(220,46,77)
```
#dc2e3f
```
#dc2e3f rgb(220,46,63)
```
#dc2e30
```
#dc2e30 rgb(220,46,48)
```
#dc3b2e
```
#dc3b2e rgb(220,59,46)
```
#dc492e
```
#dc492e rgb(220,73,46)
```
#dc582e
```
#dc582e rgb(220,88,46)
```

Similar Colors

Text with hexadecimal color #dc2e30

This text has a font color of #dc2e30.

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

#dc2e30 background color

This paragraph has a background color of #dc2e30.

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

#dc2e30 border color

This element has a border color of #dc2e30.

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

CSS codes

.text {color:#dc2e30;}

.background {background-color:#dc2e30;}

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

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

#090202
```
#090202 rgb(9,2,2)
```
#1a0405
```
#1a0405 rgb(26,4,5)
```
#2b0708
```
#2b0708 rgb(43,7,8)
```
#3c0a0b
```
#3c0a0b rgb(60,10,11)
```
#4d0d0e
```
#4d0d0e rgb(77,13,14)
```
#5d1011
```
#5d1011 rgb(93,16,17)
```
#6e1214
```
#6e1214 rgb(110,18,20)
```
#7f1516
```
#7f1516 rgb(127,21,22)
```
#901819
```
#901819 rgb(144,24,25)
```
#a11b1c
```
#a11b1c rgb(161,27,28)
```
#b11e1f
```
#b11e1f rgb(177,30,31)
```
#c22122
```
#c22122 rgb(194,33,34)
```
#d32325
```
#d32325 rgb(211,35,37)
```

Shade Color Variation

#dc2e30
```
#dc2e30 rgb(220,46,48)
```
#df3f41
```
#df3f41 rgb(223,63,65)
```
#e25051
```
#e25051 rgb(226,80,81)
```
#e46062
```
#e46062 rgb(228,96,98)
```
#e77173
```
#e77173 rgb(231,113,115)
```
#ea8283
```
#ea8283 rgb(234,130,131)
```
#ed9394
```
#ed9394 rgb(237,147,148)
```
#f0a4a4
```
#f0a4a4 rgb(240,164,164)
```
#f3b4b5
```
#f3b4b5 rgb(243,180,181)
```
#f5c5c6
```
#f5c5c6 rgb(245,197,198)
```
#f8d6d6
```
#f8d6d6 rgb(248,214,214)
```
#fbe7e7
```
#fbe7e7 rgb(251,231,231)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#888283
```
#888283 rgb(136,130,131)
```
#917979
```
#917979 rgb(145,121,121)
```
#9a7070
```
#9a7070 rgb(154,112,112)
```
#a46667
```
#a46667 rgb(164,102,103)
```
#ad5d5e
```
#ad5d5e rgb(173,93,94)
```
#b65455
```
#b65455 rgb(182,84,85)
```
#c04a4c
```
#c04a4c rgb(192,74,76)
```
#c94142
```
#c94142 rgb(201,65,66)
```
#d33739
```
#d33739 rgb(211,55,57)
```
#dc2e30
```
#dc2e30 rgb(220,46,48)
```
#e52527
```
#e52527 rgb(229,37,39)
```
#ef1b1e
```
#ef1b1e rgb(239,27,30)
```
#f81214
```
#f81214 rgb(248,18,20)
```

Tone Color Variation

Below, you can see how #dc2e30 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
#7a5858 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867b4d Protanopia 1% of men
#98752c Deuteranopia 1% of men
#dd393a Tritanopia 0.001% of the population

Trichromacy

#a55f42 Protanomaly 1% of men, 0.01% of women
#b15b2d Deuteranomaly 6% of men, 0.4% of women
#dd3536 Tritanomaly 0.01% of the population

#dc2e30 hex color

#dc2e30 Color Information

#dc2e30 Color Conversion

Color Schemes with #dc2e30

Alternatives to #dc2e30

#dc2e30 Preview

Shades and Tints of #dc2e30

Tones of #dc2e30

Color Blindness Simulator