colorhexa.com

#dc2777 hex color

In a RGB color space, hex #dc2777 is composed of 86.3% red, 15.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.3% magenta, 45.9% yellow and 13.7% black. It has a hue angle of 333.5 degrees, a saturation of 72.1% and a lightness of 50.8%. #dc2777 color hex could be obtained by blending #ff4eee with #b90000. Closest websafe color is: #cc3366.

- R 86
- G 15
- B 47
RGB color chart
- C 0
- M 82
- Y 46
- K 14
CMYK color chart

● #dc2777 color description : Bright pink.

The hexadecimal color #dc2777 has RGB values of R:220, G:39, B:119 and CMYK values of C:0, M:0.82, Y:0.46, K:0.14. Its decimal value is 14428023.

Hex triplet	dc2777	`#dc2777`
RGB Decimal	220, 39, 119	`rgb(220,39,119)`
RGB Percent	86.3, 15.3, 46.7	`rgb(86.3%,15.3%,46.7%)`
CMYK	0, 82, 46, 14
HSL	333.5°, 72.1, 50.8	`hsl(333.5,72.1%,50.8%)`
HSV (or HSB)	333.5°, 82.3, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.499, 71.116, 0.857
XYZ	33.572, 18.002, 19.159
xyY	0.475, 0.255, 18.002
CIE-LCH	49.499, 71.121, 0.69
CIE-LUV	49.499, 112.005, -12.63
Hunter-Lab	42.429, 66.985, 2.928
Binary	11011100, 00100111, 01110111

#dc2777
```
#dc2777 rgb(220,39,119)
```
#27dc8c
```
#27dc8c rgb(39,220,140)
```

Complementary Color

#dc27d2
```
#dc27d2 rgb(220,39,210)
```
#dc2777
```
#dc2777 rgb(220,39,119)
```
#dc3127
```
#dc3127 rgb(220,49,39)
```

Analogous Color

#27d2dc
```
#27d2dc rgb(39,210,220)
```
#dc2777
```
#dc2777 rgb(220,39,119)
```
#27dc31
```
#27dc31 rgb(39,220,49)
```

Split Complementary Color

#2777dc
```
#2777dc rgb(39,119,220)
```
#dc2777
```
#dc2777 rgb(220,39,119)
```
#77dc27
```
#77dc27 rgb(119,220,39)
```

Triadic Color

#8c27dc
```
#8c27dc rgb(140,39,220)
```
#dc2777
```
#dc2777 rgb(220,39,119)
```
#77dc27
```
#77dc27 rgb(119,220,39)
```
#27dc8c
```
#27dc8c rgb(39,220,140)
```

Tetradic Color

#9d1954
```
#9d1954 rgb(157,25,84)
```
#b31d5f
```
#b31d5f rgb(179,29,95)
```
#c9216b
```
#c9216b rgb(201,33,107)
```
#dc2777
```
#dc2777 rgb(220,39,119)
```
#e03d85
```
#e03d85 rgb(224,61,133)
```
#e35393
```
#e35393 rgb(227,83,147)
```
#e769a0
```
#e769a0 rgb(231,105,160)
```

Monochromatic Color

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

#dc27a4
```
#dc27a4 rgb(220,39,164)
```
#dc2795
```
#dc2795 rgb(220,39,149)
```
#dc2786
```
#dc2786 rgb(220,39,134)
```
#dc2777
```
#dc2777 rgb(220,39,119)
```
#dc2768
```
#dc2768 rgb(220,39,104)
```
#dc2759
```
#dc2759 rgb(220,39,89)
```
#dc274a
```
#dc274a rgb(220,39,74)
```

Similar Colors

Text with hexadecimal color #dc2777

This text has a font color of #dc2777.

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

#dc2777 background color

This paragraph has a background color of #dc2777.

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

#dc2777 border color

This element has a border color of #dc2777.

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

CSS codes

.text {color:#dc2777;}

.background {background-color:#dc2777;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#14030b
```
#14030b rgb(20,3,11)
```
#250614
```
#250614 rgb(37,6,20)
```
#36091d
```
#36091d rgb(54,9,29)
```
#470b26
```
#470b26 rgb(71,11,38)
```
#580e2f
```
#580e2f rgb(88,14,47)
```
#691138
```
#691138 rgb(105,17,56)
```
#7a1441
```
#7a1441 rgb(122,20,65)
```
#8a164a
```
#8a164a rgb(138,22,74)
```
#9b1953
```
#9b1953 rgb(155,25,83)
```
#ac1c5c
```
#ac1c5c rgb(172,28,92)
```
#bd1f65
```
#bd1f65 rgb(189,31,101)
```
#ce216e
```
#ce216e rgb(206,33,110)
```

Shade Color Variation

#dc2777
```
#dc2777 rgb(220,39,119)
```
#df3882
```
#df3882 rgb(223,56,130)
```
#e1498c
```
#e1498c rgb(225,73,140)
```
#e45a97
```
#e45a97 rgb(228,90,151)
```
#e76ba2
```
#e76ba2 rgb(231,107,162)
```
#ea7bac
```
#ea7bac rgb(234,123,172)
```
#ec8cb7
```
#ec8cb7 rgb(236,140,183)
```
#ef9dc1
```
#ef9dc1 rgb(239,157,193)
```
#f2aecc
```
#f2aecc rgb(242,174,204)
```
#f5bfd7
```
#f5bfd7 rgb(245,191,215)
```
#f7d0e1
```
#f7d0e1 rgb(247,208,225)
```
#fae1ec
```
#fae1ec rgb(250,225,236)
```
#fdf2f7
```
#fdf2f7 rgb(253,242,247)
```

Tint Color Variation

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

#857e81
```
#857e81 rgb(133,126,129)
```
#8f7480
```
#8f7480 rgb(143,116,128)
```
#986b7f
```
#986b7f rgb(152,107,127)
```
#a2617e
```
#a2617e rgb(162,97,126)
```
#ac577d
```
#ac577d rgb(172,87,125)
```
#b54e7b
```
#b54e7b rgb(181,78,123)
```
#bf447a
```
#bf447a rgb(191,68,122)
```
#c93a79
```
#c93a79 rgb(201,58,121)
```
#d23178
```
#d23178 rgb(210,49,120)
```
#dc2777
```
#dc2777 rgb(220,39,119)
```
#e61d76
```
#e61d76 rgb(230,29,118)
```
#ef1475
```
#ef1475 rgb(239,20,117)
```
#f90a74
```
#f90a74 rgb(249,10,116)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7e5969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717ba1 Protanopia 1% of men
#8c7871 Deuteranopia 1% of men
#da4346 Tritanopia 0.001% of the population

Trichromacy

#985c92 Protanomaly 1% of men, 0.01% of women
#a95a73 Deuteranomaly 6% of men, 0.4% of women
#db3958 Tritanomaly 0.01% of the population