#dc107a hex color

In a RGB color space, hex #dc107a is composed of 86.3% red, 6.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.7% magenta, 44.5% yellow and 13.7% black. It has a hue angle of 328.8 degrees, a saturation of 86.4% and a lightness of 46.3%. #dc107a color hex could be obtained by blending #ff20f4 with #b90000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 86
- G 6
- B 48
RGB color chart
- C 0
- M 93
- Y 45
- K 14
CMYK color chart

● #dc107a color description : Vivid pink.

The hexadecimal color #dc107a has RGB values of R:220, G:16, B:122 and CMYK values of C:0, M:0.93, Y:0.45, K:0.14. Its decimal value is 14422138.

Hex triplet	dc107a	`#dc107a`
RGB Decimal	220, 16, 122	`rgb(220,16,122)`
RGB Percent	86.3, 6.3, 47.8	`rgb(86.3%,6.3%,47.8%)`
CMYK	0, 93, 45, 14
HSL	328.8°, 86.4, 46.3	`hsl(328.8,86.4%,46.3%)`
HSV (or HSB)	328.8°, 92.7, 86.3
Web Safe	cc0066	`#cc0066`

CIE-LAB	48.254, 75.225, -2.798
XYZ	33.214, 16.995, 19.943
xyY	0.473, 0.242, 16.995
CIE-LCH	48.254, 75.277, 357.87
CIE-LUV	48.254, 115.404, -18.047
Hunter-Lab	41.225, 71.671, 0.176
Binary	11011100, 00010000, 01111010

#dc107a
```
#dc107a rgb(220,16,122)
```
#10dc72
```
#10dc72 rgb(16,220,114)
```

Complementary Color

#d810dc
```
#d810dc rgb(216,16,220)
```
#dc107a
```
#dc107a rgb(220,16,122)
```
#dc1014
```
#dc1014 rgb(220,16,20)
```

Analogous Color

#10dcd8
```
#10dcd8 rgb(16,220,216)
```
#dc107a
```
#dc107a rgb(220,16,122)
```
#14dc10
```
#14dc10 rgb(20,220,16)
```

Split Complementary Color

#107adc
```
#107adc rgb(16,122,220)
```
#dc107a
```
#dc107a rgb(220,16,122)
```
#7adc10
```
#7adc10 rgb(122,220,16)
```

Triadic Color

#7210dc
```
#7210dc rgb(114,16,220)
```
#dc107a
```
#dc107a rgb(220,16,122)
```
#7adc10
```
#7adc10 rgb(122,220,16)
```
#10dc72
```
#10dc72 rgb(16,220,114)
```

Tetradic Color

#950b52
```
#950b52 rgb(149,11,82)
```
#ac0d60
```
#ac0d60 rgb(172,13,96)
```
#c40e6d
```
#c40e6d rgb(196,14,109)
```
#dc107a
```
#dc107a rgb(220,16,122)
```
#ee1787
```
#ee1787 rgb(238,23,135)
```
#f02f93
```
#f02f93 rgb(240,47,147)
```
#f247a0
```
#f247a0 rgb(242,71,160)
```

Monochromatic Color

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

#dc10ad
```
#dc10ad rgb(220,16,173)
```
#dc109c
```
#dc109c rgb(220,16,156)
```
#dc108b
```
#dc108b rgb(220,16,139)
```
#dc107a
```
#dc107a rgb(220,16,122)
```
#dc1069
```
#dc1069 rgb(220,16,105)
```
#dc1058
```
#dc1058 rgb(220,16,88)
```
#dc1047
```
#dc1047 rgb(220,16,71)
```

Similar Colors

Text with hexadecimal color #dc107a

This text has a font color of #dc107a.

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

#dc107a background color

This paragraph has a background color of #dc107a.

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

#dc107a border color

This element has a border color of #dc107a.

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

CSS codes

.text {color:#dc107a;}

.background {background-color:#dc107a;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#13010a
```
#13010a rgb(19,1,10)
```
#250315
```
#250315 rgb(37,3,21)
```
#37041f
```
#37041f rgb(55,4,31)
```
#4a0529
```
#4a0529 rgb(74,5,41)
```
#5c0733
```
#5c0733 rgb(92,7,51)
```
#6e083d
```
#6e083d rgb(110,8,61)
```
#810947
```
#810947 rgb(129,9,71)
```
#930b51
```
#930b51 rgb(147,11,81)
```
#a50c5c
```
#a50c5c rgb(165,12,92)
```
#b70d66
```
#b70d66 rgb(183,13,102)
```
#ca0f70
```
#ca0f70 rgb(202,15,112)
```
#dc107a
```
#dc107a rgb(220,16,122)
```

Shade Color Variation

#ee1284
```
#ee1284 rgb(238,18,132)
```
#ef248e
```
#ef248e rgb(239,36,142)
```
#f03697
```
#f03697 rgb(240,54,151)
```
#f249a1
```
#f249a1 rgb(242,73,161)
```
#f35baa
```
#f35baa rgb(243,91,170)
```
#f46db3
```
#f46db3 rgb(244,109,179)
```
#f680bd
```
#f680bd rgb(246,128,189)
```
#f792c6
```
#f792c6 rgb(247,146,198)
```
#f8a4d0
```
#f8a4d0 rgb(248,164,208)
```
#fab6d9
```
#fab6d9 rgb(250,182,217)
```
#fbc9e3
```
#fbc9e3 rgb(251,201,227)
```
#fcdbec
```
#fcdbec rgb(252,219,236)
```
#feedf6
```
#feedf6 rgb(254,237,246)
```

Tint Color Variation

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

#787476
```
#787476 rgb(120,116,118)
```
#816b76
```
#816b76 rgb(129,107,118)
```
#8a6277
```
#8a6277 rgb(138,98,119)
```
#935977
```
#935977 rgb(147,89,119)
```
#9c5078
```
#9c5078 rgb(156,80,120)
```
#a64678
```
#a64678 rgb(166,70,120)
```
#af3d78
```
#af3d78 rgb(175,61,120)
```
#b83479
```
#b83479 rgb(184,52,121)
```
#c12b79
```
#c12b79 rgb(193,43,121)
```
#ca2279
```
#ca2279 rgb(202,34,121)
```
#d3197a
```
#d3197a rgb(211,25,122)
```
#dc107a
```
#dc107a rgb(220,16,122)
```
#e5077a
```
#e5077a rgb(229,7,122)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#734a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6878aa Protanopia 1% of men
#877573 Deuteranopia 1% of men
#da3b3c Tritanopia 0.001% of the population

Trichromacy

#925298 Protanomaly 1% of men, 0.01% of women
#a65075 Deuteranomaly 6% of men, 0.4% of women
#da2b53 Tritanomaly 0.01% of the population

#dc107a hex color

#dc107a Color Information

#dc107a Color Conversion

Color Schemes with #dc107a

Alternatives to #dc107a

#dc107a Preview

Shades and Tints of #dc107a

Tones of #dc107a

Color Blindness Simulator