#dc4580 hex color

In a RGB color space, hex #dc4580 is composed of 86.3% red, 27.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 41.8% yellow and 13.7% black. It has a hue angle of 336.6 degrees, a saturation of 68.3% and a lightness of 56.7%. #dc4580 color hex could be obtained by blending #ff8aff with #b90001. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 86
- G 27
- B 50
RGB color chart
- C 0
- M 69
- Y 42
- K 14
CMYK color chart

● #dc4580 color description : Soft pink.

The hexadecimal color #dc4580 has RGB values of R:220, G:69, B:128 and CMYK values of C:0, M:0.69, Y:0.42, K:0.14. Its decimal value is 14435712.

Hex triplet	dc4580	`#dc4580`
RGB Decimal	220, 69, 128	`rgb(220,69,128)`
RGB Percent	86.3, 27.1, 50.2	`rgb(86.3%,27.1%,50.2%)`
CMYK	0, 69, 42, 14
HSL	336.6°, 68.3, 56.7	`hsl(336.6,68.3%,56.7%)`
HSV (or HSB)	336.6°, 68.6, 86.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	52.987, 62.862, 0.509
XYZ	35.54, 21.034, 22.609
xyY	0.449, 0.266, 21.034
CIE-LCH	52.987, 62.864, 0.464
CIE-LUV	52.987, 97.502, -11.298
Hunter-Lab	45.863, 58.066, 2.875
Binary	11011100, 01000101, 10000000

#dc4580
```
#dc4580 rgb(220,69,128)
```
#45dca1
```
#45dca1 rgb(69,220,161)
```

Complementary Color

#dc45cc
```
#dc45cc rgb(220,69,204)
```
#dc4580
```
#dc4580 rgb(220,69,128)
```
#dc5645
```
#dc5645 rgb(220,86,69)
```

Analogous Color

#45ccdc
```
#45ccdc rgb(69,204,220)
```
#dc4580
```
#dc4580 rgb(220,69,128)
```
#45dc55
```
#45dc55 rgb(69,220,85)
```

Split Complementary Color

#4580dc
```
#4580dc rgb(69,128,220)
```
#dc4580
```
#dc4580 rgb(220,69,128)
```
#80dc45
```
#80dc45 rgb(128,220,69)
```

Triadic Color

#a145dc
```
#a145dc rgb(161,69,220)
```
#dc4580
```
#dc4580 rgb(220,69,128)
```
#80dc45
```
#80dc45 rgb(128,220,69)
```
#45dca1
```
#45dca1 rgb(69,220,161)
```

Tetradic Color

#b3225a
```
#b3225a rgb(179,34,90)
```
#c82665
```
#c82665 rgb(200,38,101)
```
#d83071
```
#d83071 rgb(216,48,113)
```
#dc4580
```
#dc4580 rgb(220,69,128)
```
#e05a8f
```
#e05a8f rgb(224,90,143)
```
#e4709d
```
#e4709d rgb(228,112,157)
```
#e885ac
```
#e885ac rgb(232,133,172)
```

Monochromatic Color

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

#dc45a6
```
#dc45a6 rgb(220,69,166)
```
#dc4599
```
#dc4599 rgb(220,69,153)
```
#dc458d
```
#dc458d rgb(220,69,141)
```
#dc4580
```
#dc4580 rgb(220,69,128)
```
#dc4573
```
#dc4573 rgb(220,69,115)
```
#dc4567
```
#dc4567 rgb(220,69,103)
```
#dc455a
```
#dc455a rgb(220,69,90)
```

Similar Colors

Text with hexadecimal color #dc4580

This text has a font color of #dc4580.

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

#dc4580 background color

This paragraph has a background color of #dc4580.

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

#dc4580 border color

This element has a border color of #dc4580.

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

CSS codes

.text {color:#dc4580;}

.background {background-color:#dc4580;}

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

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, #0c0206 is the darkest color, while #fefbfc is the lightest one.

#0c0206
```
#0c0206 rgb(12,2,6)
```
#1d050e
```
#1d050e rgb(29,5,14)
```
#2d0817
```
#2d0817 rgb(45,8,23)
```
#3e0c1f
```
#3e0c1f rgb(62,12,31)
```
#4e0f27
```
#4e0f27 rgb(78,15,39)
```
#5f1230
```
#5f1230 rgb(95,18,48)
```
#6f1538
```
#6f1538 rgb(111,21,56)
```
#801841
```
#801841 rgb(128,24,65)
```
#901b49
```
#901b49 rgb(144,27,73)
```
#a11e51
```
#a11e51 rgb(161,30,81)
```
#b1215a
```
#b1215a rgb(177,33,90)
```
#c22462
```
#c22462 rgb(194,36,98)
```
#d2286a
```
#d2286a rgb(210,40,106)
```

Shade Color Variation

#d93475
```
#d93475 rgb(217,52,117)
```
#dc4580
```
#dc4580 rgb(220,69,128)
```
#df568b
```
#df568b rgb(223,86,139)
```
#e26697
```
#e26697 rgb(226,102,151)
```
#e577a2
```
#e577a2 rgb(229,119,162)
```
#e887ad
```
#e887ad rgb(232,135,173)
```
#ec98b8
```
#ec98b8 rgb(236,152,184)
```
#efa8c4
```
#efa8c4 rgb(239,168,196)
```
#f2b9cf
```
#f2b9cf rgb(242,185,207)
```
#f5c9da
```
#f5c9da rgb(245,201,218)
```
#f8dae5
```
#f8dae5 rgb(248,218,229)
```
#fbeaf1
```
#fbeaf1 rgb(251,234,241)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#98898f
```
#98898f rgb(152,137,143)
```
#a1818d
```
#a1818d rgb(161,129,141)
```
#a9788b
```
#a9788b rgb(169,120,139)
```
#b27089
```
#b27089 rgb(178,112,137)
```
#ba6787
```
#ba6787 rgb(186,103,135)
```
#c35e86
```
#c35e86 rgb(195,94,134)
```
#cb5684
```
#cb5684 rgb(203,86,132)
```
#d44e82
```
#d44e82 rgb(212,78,130)
```
#dc4580
```
#dc4580 rgb(220,69,128)
```
#e53d7e
```
#e53d7e rgb(229,61,126)
```
#ed347c
```
#ed347c rgb(237,52,124)
```
#f62c7a
```
#f62c7a rgb(246,44,122)
```
#fe2379
```
#fe2379 rgb(254,35,121)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#8d6f7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d83a2 Protanopia 1% of men
#94807c Deuteranopia 1% of men
#da585d Tritanopia 0.001% of the population

Trichromacy

#9f6d96 Protanomaly 1% of men, 0.01% of women
#ae6b7d Deuteranomaly 6% of men, 0.4% of women
#db5169 Tritanomaly 0.01% of the population

#dc4580 hex color

#dc4580 Color Information

#dc4580 Color Conversion

Color Schemes with #dc4580

Alternatives to #dc4580

#dc4580 Preview

Shades and Tints of #dc4580

Tones of #dc4580

Color Blindness Simulator