#dc2a37 hex color

In a RGB color space, hex #dc2a37 is composed of 86.3% red, 16.5% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.9% magenta, 75% yellow and 13.7% black. It has a hue angle of 355.6 degrees, a saturation of 71.8% and a lightness of 51.4%. #dc2a37 color hex could be obtained by blending #ff546e with #b90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 86
- G 16
- B 22
RGB color chart
- C 0
- M 81
- Y 75
- K 14
CMYK color chart

● #dc2a37 color description : Bright red.

The hexadecimal color #dc2a37 has RGB values of R:220, G:42, B:55 and CMYK values of C:0, M:0.81, Y:0.75, K:0.14. Its decimal value is 14428727.

Hex triplet	dc2a37	`#dc2a37`
RGB Decimal	220, 42, 55	`rgb(220,42,55)`
RGB Percent	86.3, 16.5, 21.6	`rgb(86.3%,16.5%,21.6%)`
CMYK	0, 81, 75, 14
HSL	355.6°, 71.8, 51.4	`hsl(355.6,71.8%,51.4%)`
HSV (or HSB)	355.6°, 80.9, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.45, 66.499, 38.139
XYZ	31.034, 17.151, 5.291
xyY	0.58, 0.321, 17.151
CIE-LCH	48.45, 76.659, 29.836
CIE-LUV	48.45, 132.439, 24.652
Hunter-Lab	41.414, 61.287, 21.416
Binary	11011100, 00101010, 00110111

#dc2a37
```
#dc2a37 rgb(220,42,55)
```
#2adccf
```
#2adccf rgb(42,220,207)
```

Complementary Color

#dc2a90
```
#dc2a90 rgb(220,42,144)
```
#dc2a37
```
#dc2a37 rgb(220,42,55)
```
#dc762a
```
#dc762a rgb(220,118,42)
```

Analogous Color

#2a90dc
```
#2a90dc rgb(42,144,220)
```
#dc2a37
```
#dc2a37 rgb(220,42,55)
```
#2adc76
```
#2adc76 rgb(42,220,118)
```

Split Complementary Color

#2a37dc
```
#2a37dc rgb(42,55,220)
```
#dc2a37
```
#dc2a37 rgb(220,42,55)
```
#37dc2a
```
#37dc2a rgb(55,220,42)
```

Triadic Color

#cf2adc
```
#cf2adc rgb(207,42,220)
```
#dc2a37
```
#dc2a37 rgb(220,42,55)
```
#37dc2a
```
#37dc2a rgb(55,220,42)
```
#2adccf
```
#2adccf rgb(42,220,207)
```

Tetradic Color

#9f1a24
```
#9f1a24 rgb(159,26,36)
```
#b51e29
```
#b51e29 rgb(181,30,41)
```
#cb212e
```
#cb212e rgb(203,33,46)
```
#dc2a37
```
#dc2a37 rgb(220,42,55)
```
#e0404c
```
#e0404c rgb(224,64,76)
```
#e35660
```
#e35660 rgb(227,86,96)
```
#e76c75
```
#e76c75 rgb(231,108,117)
```

Monochromatic Color

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

#dc2a64
```
#dc2a64 rgb(220,42,100)
```
#dc2a55
```
#dc2a55 rgb(220,42,85)
```
#dc2a46
```
#dc2a46 rgb(220,42,70)
```
#dc2a37
```
#dc2a37 rgb(220,42,55)
```
#dc2c2a
```
#dc2c2a rgb(220,44,42)
```
#dc3b2a
```
#dc3b2a rgb(220,59,42)
```
#dc492a
```
#dc492a rgb(220,73,42)
```

Similar Colors

Text with hexadecimal color #dc2a37

This text has a font color of #dc2a37.

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

#dc2a37 background color

This paragraph has a background color of #dc2a37.

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

#dc2a37 border color

This element has a border color of #dc2a37.

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

CSS codes

.text {color:#dc2a37;}

.background {background-color:#dc2a37;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#170405
```
#170405 rgb(23,4,5)
```
#280709
```
#280709 rgb(40,7,9)
```
#39090d
```
#39090d rgb(57,9,13)
```
#490c11
```
#490c11 rgb(73,12,17)
```
#5a0f14
```
#5a0f14 rgb(90,15,20)
```
#6b1218
```
#6b1218 rgb(107,18,24)
```
#7c141c
```
#7c141c rgb(124,20,28)
```
#8d1720
```
#8d1720 rgb(141,23,32)
```
#9e1a24
```
#9e1a24 rgb(158,26,36)
```
#ae1d27
```
#ae1d27 rgb(174,29,39)
```
#bf1f2b
```
#bf1f2b rgb(191,31,43)
```
#d0222f
```
#d0222f rgb(208,34,47)
```

Shade Color Variation

#dc2a37
```
#dc2a37 rgb(220,42,55)
```
#df3b47
```
#df3b47 rgb(223,59,71)
```
#e24c57
```
#e24c57 rgb(226,76,87)
```
#e45d66
```
#e45d66 rgb(228,93,102)
```
#e76d76
```
#e76d76 rgb(231,109,118)
```
#ea7e86
```
#ea7e86 rgb(234,126,134)
```
#ed8f96
```
#ed8f96 rgb(237,143,150)
```
#efa0a6
```
#efa0a6 rgb(239,160,166)
```
#f2b1b6
```
#f2b1b6 rgb(242,177,182)
```
#f5c2c5
```
#f5c2c5 rgb(245,194,197)
```
#f8d2d5
```
#f8d2d5 rgb(248,210,213)
```
#fae3e5
```
#fae3e5 rgb(250,227,229)
```
#fdf4f5
```
#fdf4f5 rgb(253,244,245)
```

Tint Color Variation

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

#868080
```
#868080 rgb(134,128,128)
```
#907678
```
#907678 rgb(144,118,120)
```
#996d70
```
#996d70 rgb(153,109,112)
```
#a36368
```
#a36368 rgb(163,99,104)
```
#ac5a60
```
#ac5a60 rgb(172,90,96)
```
#b65058
```
#b65058 rgb(182,80,88)
```
#bf474f
```
#bf474f rgb(191,71,79)
```
#c93d47
```
#c93d47 rgb(201,61,71)
```
#d2343f
```
#d2343f rgb(210,52,63)
```
#dc2a37
```
#dc2a37 rgb(220,42,55)
```
#e6202f
```
#e6202f rgb(230,32,47)
```
#ef1727
```
#ef1727 rgb(239,23,39)
```
#f90d1f
```
#f90d1f rgb(249,13,31)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7a5659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837a55 Protanopia 1% of men
#967434 Deuteranopia 1% of men
#dd3637 Tritanopia 0.001% of the population

Trichromacy

#a35d4a Protanomaly 1% of men, 0.01% of women
#af5935 Deuteranomaly 6% of men, 0.4% of women
#dc3237 Tritanomaly 0.01% of the population

#dc2a37 hex color

#dc2a37 Color Information

#dc2a37 Color Conversion

Color Schemes with #dc2a37

Alternatives to #dc2a37

#dc2a37 Preview

Shades and Tints of #dc2a37

Tones of #dc2a37

Color Blindness Simulator