#dc2a56 hex color

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

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

● #dc2a56 color description : Bright red.

The hexadecimal color #dc2a56 has RGB values of R:220, G:42, B:86 and CMYK values of C:0, M:0.81, Y:0.61, K:0.14. Its decimal value is 14428758.

Hex triplet	dc2a56	`#dc2a56`
RGB Decimal	220, 42, 86	`rgb(220,42,86)`
RGB Percent	86.3, 16.5, 33.7	`rgb(86.3%,16.5%,33.7%)`
CMYK	0, 81, 61, 14
HSL	345.2°, 71.8, 51.4	`hsl(345.2,71.8%,51.4%)`
HSV (or HSB)	345.2°, 80.9, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.942, 68, 20.242
XYZ	32.024, 17.547, 10.504
xyY	0.533, 0.292, 17.547
CIE-LCH	48.942, 70.948, 16.577
CIE-LUV	48.942, 123.559, 9.538
Hunter-Lab	41.889, 63.156, 14.455
Binary	11011100, 00101010, 01010110

#dc2a56
```
#dc2a56 rgb(220,42,86)
```
#2adcb0
```
#2adcb0 rgb(42,220,176)
```

Complementary Color

#dc2aaf
```
#dc2aaf rgb(220,42,175)
```
#dc2a56
```
#dc2a56 rgb(220,42,86)
```
#dc572a
```
#dc572a rgb(220,87,42)
```

Analogous Color

#2aafdc
```
#2aafdc rgb(42,175,220)
```
#dc2a56
```
#dc2a56 rgb(220,42,86)
```
#2adc57
```
#2adc57 rgb(42,220,87)
```

Split Complementary Color

#2a56dc
```
#2a56dc rgb(42,86,220)
```
#dc2a56
```
#dc2a56 rgb(220,42,86)
```
#56dc2a
```
#56dc2a rgb(86,220,42)
```

Triadic Color

#b02adc
```
#b02adc rgb(176,42,220)
```
#dc2a56
```
#dc2a56 rgb(220,42,86)
```
#56dc2a
```
#56dc2a rgb(86,220,42)
```
#2adcb0
```
#2adcb0 rgb(42,220,176)
```

Tetradic Color

#9f1a3b
```
#9f1a3b rgb(159,26,59)
```
#b51e43
```
#b51e43 rgb(181,30,67)
```
#cb214b
```
#cb214b rgb(203,33,75)
```
#dc2a56
```
#dc2a56 rgb(220,42,86)
```
#e04067
```
#e04067 rgb(224,64,103)
```
#e35679
```
#e35679 rgb(227,86,121)
```
#e76c8a
```
#e76c8a rgb(231,108,138)
```

Monochromatic Color

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

#dc2a83
```
#dc2a83 rgb(220,42,131)
```
#dc2a74
```
#dc2a74 rgb(220,42,116)
```
#dc2a65
```
#dc2a65 rgb(220,42,101)
```
#dc2a56
```
#dc2a56 rgb(220,42,86)
```
#dc2a47
```
#dc2a47 rgb(220,42,71)
```
#dc2a38
```
#dc2a38 rgb(220,42,56)
```
#dc2a2a
```
#dc2a2a rgb(220,42,42)
```

Similar Colors

Text with hexadecimal color #dc2a56

This text has a font color of #dc2a56.

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

#dc2a56 background color

This paragraph has a background color of #dc2a56.

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

#dc2a56 border color

This element has a border color of #dc2a56.

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

CSS codes

.text {color:#dc2a56;}

.background {background-color:#dc2a56;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#170408
```
#170408 rgb(23,4,8)
```
#28070f
```
#28070f rgb(40,7,15)
```
#390915
```
#390915 rgb(57,9,21)
```
#490c1b
```
#490c1b rgb(73,12,27)
```
#5a0f21
```
#5a0f21 rgb(90,15,33)
```
#6b1228
```
#6b1228 rgb(107,18,40)
```
#7c142e
```
#7c142e rgb(124,20,46)
```
#8d1734
```
#8d1734 rgb(141,23,52)
```
#9e1a3a
```
#9e1a3a rgb(158,26,58)
```
#ae1d41
```
#ae1d41 rgb(174,29,65)
```
#bf1f47
```
#bf1f47 rgb(191,31,71)
```
#d0224d
```
#d0224d rgb(208,34,77)
```

Shade Color Variation

#dc2a56
```
#dc2a56 rgb(220,42,86)
```
#df3b63
```
#df3b63 rgb(223,59,99)
```
#e24c71
```
#e24c71 rgb(226,76,113)
```
#e45d7e
```
#e45d7e rgb(228,93,126)
```
#e76d8b
```
#e76d8b rgb(231,109,139)
```
#ea7e99
```
#ea7e99 rgb(234,126,153)
```
#ed8fa6
```
#ed8fa6 rgb(237,143,166)
```
#efa0b4
```
#efa0b4 rgb(239,160,180)
```
#f2b1c1
```
#f2b1c1 rgb(242,177,193)
```
#f5c2ce
```
#f5c2ce rgb(245,194,206)
```
#f8d2dc
```
#f8d2dc rgb(248,210,220)
```
#fae3e9
```
#fae3e9 rgb(250,227,233)
```
#fdf4f6
```
#fdf4f6 rgb(253,244,246)
```

Tint Color Variation

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

#868081
```
#868081 rgb(134,128,129)
```
#90767d
```
#90767d rgb(144,118,125)
```
#996d78
```
#996d78 rgb(153,109,120)
```
#a36373
```
#a36373 rgb(163,99,115)
```
#ac5a6e
```
#ac5a6e rgb(172,90,110)
```
#b65069
```
#b65069 rgb(182,80,105)
```
#bf4764
```
#bf4764 rgb(191,71,100)
```
#c93d60
```
#c93d60 rgb(201,61,96)
```
#d2345b
```
#d2345b rgb(210,52,91)
```
#dc2a56
```
#dc2a56 rgb(220,42,86)
```
#e62051
```
#e62051 rgb(230,32,81)
```
#ef174c
```
#ef174c rgb(239,23,76)
```
#f90d48
```
#f90d48 rgb(249,13,72)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#7c5861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7a79 Protanopia 1% of men
#937653 Deuteranopia 1% of men
#dc3c3e Tritanopia 0.001% of the population

Trichromacy

#a05d6c Protanomaly 1% of men, 0.01% of women
#ad5a54 Deuteranomaly 6% of men, 0.4% of women
#dc3647 Tritanomaly 0.01% of the population

#dc2a56 hex color

#dc2a56 Color Information

#dc2a56 Color Conversion

Color Schemes with #dc2a56

Alternatives to #dc2a56

#dc2a56 Preview

Shades and Tints of #dc2a56

Tones of #dc2a56

Color Blindness Simulator