#dc1f63 hex color

In a RGB color space, hex #dc1f63 is composed of 86.3% red, 12.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.9% magenta, 55% yellow and 13.7% black. It has a hue angle of 338.4 degrees, a saturation of 75.3% and a lightness of 49.2%. #dc1f63 color hex could be obtained by blending #ff3ec6 with #b90000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 86
- G 12
- B 39
RGB color chart
- C 0
- M 86
- Y 55
- K 14
CMYK color chart

● #dc1f63 color description : Vivid pink.

The hexadecimal color #dc1f63 has RGB values of R:220, G:31, B:99 and CMYK values of C:0, M:0.86, Y:0.55, K:0.14. Its decimal value is 14425955.

Hex triplet	dc1f63	`#dc1f63`
RGB Decimal	220, 31, 99	`rgb(220,31,99)`
RGB Percent	86.3, 12.2, 38.8	`rgb(86.3%,12.2%,38.8%)`
CMYK	0, 86, 55, 14
HSL	338.4°, 75.3, 49.2	`hsl(338.4,75.3%,49.2%)`
HSV (or HSB)	338.4°, 85.9, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.386, 71.244, 11.514
XYZ	32.259, 17.1, 13.406
xyY	0.514, 0.272, 17.1
CIE-LCH	48.386, 72.168, 9.181
CIE-LUV	48.386, 122.272, -0.327
Hunter-Lab	41.352, 66.879, 9.726
Binary	11011100, 00011111, 01100011

#dc1f63
```
#dc1f63 rgb(220,31,99)
```
#1fdc98
```
#1fdc98 rgb(31,220,152)
```

Complementary Color

#dc1fc2
```
#dc1fc2 rgb(220,31,194)
```
#dc1f63
```
#dc1f63 rgb(220,31,99)
```
#dc3a1f
```
#dc3a1f rgb(220,58,31)
```

Analogous Color

#1fc2dc
```
#1fc2dc rgb(31,194,220)
```
#dc1f63
```
#dc1f63 rgb(220,31,99)
```
#1fdc3a
```
#1fdc3a rgb(31,220,58)
```

Split Complementary Color

#1f63dc
```
#1f63dc rgb(31,99,220)
```
#dc1f63
```
#dc1f63 rgb(220,31,99)
```
#63dc1f
```
#63dc1f rgb(99,220,31)
```

Triadic Color

#981fdc
```
#981fdc rgb(152,31,220)
```
#dc1f63
```
#dc1f63 rgb(220,31,99)
```
#63dc1f
```
#63dc1f rgb(99,220,31)
```
#1fdc98
```
#1fdc98 rgb(31,220,152)
```

Tetradic Color

#991645
```
#991645 rgb(153,22,69)
```
#af194f
```
#af194f rgb(175,25,79)
```
#c61c59
```
#c61c59 rgb(198,28,89)
```
#dc1f63
```
#dc1f63 rgb(220,31,99)
```
#e23272
```
#e23272 rgb(226,50,114)
```
#e54981
```
#e54981 rgb(229,73,129)
```
#e85f90
```
#e85f90 rgb(232,95,144)
```

Monochromatic Color

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

#dc1f92
```
#dc1f92 rgb(220,31,146)
```
#dc1f83
```
#dc1f83 rgb(220,31,131)
```
#dc1f73
```
#dc1f73 rgb(220,31,115)
```
#dc1f63
```
#dc1f63 rgb(220,31,99)
```
#dc1f53
```
#dc1f53 rgb(220,31,83)
```
#dc1f44
```
#dc1f44 rgb(220,31,68)
```
#dc1f34
```
#dc1f34 rgb(220,31,52)
```

Similar Colors

Text with hexadecimal color #dc1f63

This text has a font color of #dc1f63.

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

#dc1f63 background color

This paragraph has a background color of #dc1f63.

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

#dc1f63 border color

This element has a border color of #dc1f63.

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

CSS codes

.text {color:#dc1f63;}

.background {background-color:#dc1f63;}

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

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

#0e0206
```
#0e0206 rgb(14,2,6)
```
#1f040e
```
#1f040e rgb(31,4,14)
```
#300716
```
#300716 rgb(48,7,22)
```
#41091d
```
#41091d rgb(65,9,29)
```
#520c25
```
#520c25 rgb(82,12,37)
```
#640e2d
```
#640e2d rgb(100,14,45)
```
#751035
```
#751035 rgb(117,16,53)
```
#86133c
```
#86133c rgb(134,19,60)
```
#971544
```
#971544 rgb(151,21,68)
```
#a8184c
```
#a8184c rgb(168,24,76)
```
#ba1a54
```
#ba1a54 rgb(186,26,84)
```
#cb1d5b
```
#cb1d5b rgb(203,29,91)
```
#dc1f63
```
#dc1f63 rgb(220,31,99)
```

Shade Color Variation

#e12d6e
```
#e12d6e rgb(225,45,110)
```
#e43e7a
```
#e43e7a rgb(228,62,122)
```
#e65086
```
#e65086 rgb(230,80,134)
```
#e96192
```
#e96192 rgb(233,97,146)
```
#eb729e
```
#eb729e rgb(235,114,158)
```
#ee83a9
```
#ee83a9 rgb(238,131,169)
```
#f094b5
```
#f094b5 rgb(240,148,181)
```
#f2a6c1
```
#f2a6c1 rgb(242,166,193)
```
#f5b7cd
```
#f5b7cd rgb(245,183,205)
```
#f7c8d9
```
#f7c8d9 rgb(247,200,217)
```
#fad9e5
```
#fad9e5 rgb(250,217,229)
```
#fceaf1
```
#fceaf1 rgb(252,234,241)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#85767b
```
#85767b rgb(133,118,123)
```
#8f6c79
```
#8f6c79 rgb(143,108,121)
```
#986376
```
#986376 rgb(152,99,118)
```
#a25973
```
#a25973 rgb(162,89,115)
```
#ac4f71
```
#ac4f71 rgb(172,79,113)
```
#b5466e
```
#b5466e rgb(181,70,110)
```
#bf3c6b
```
#bf3c6b rgb(191,60,107)
```
#c93268
```
#c93268 rgb(201,50,104)
```
#d22966
```
#d22966 rgb(210,41,102)
```
#dc1f63
```
#dc1f63 rgb(220,31,99)
```
#e61560
```
#e61560 rgb(230,21,96)
```
#ef0c5e
```
#ef0c5e rgb(239,12,94)
```
#f9025b
```
#f9025b rgb(249,2,91)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#785260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76798b Protanopia 1% of men
#8e755f Deuteranopia 1% of men
#db393a Tritanopia 0.001% of the population

Trichromacy

#9b587d Protanomaly 1% of men, 0.01% of women
#aa5660 Deuteranomaly 6% of men, 0.4% of women
#db2f49 Tritanomaly 0.01% of the population

#dc1f63 hex color

#dc1f63 Color Information

#dc1f63 Color Conversion

Color Schemes with #dc1f63

Alternatives to #dc1f63

#dc1f63 Preview

Shades and Tints of #dc1f63

Tones of #dc1f63

Color Blindness Simulator