#dc476f hex color

In a RGB color space, hex #dc476f is composed of 86.3% red, 27.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.7% magenta, 49.5% yellow and 13.7% black. It has a hue angle of 343.9 degrees, a saturation of 68% and a lightness of 57.1%. #dc476f color hex could be obtained by blending #ff8ede with #b90000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 86
- G 28
- B 44
RGB color chart
- C 0
- M 68
- Y 50
- K 14
CMYK color chart

● #dc476f color description : Soft pink.

The hexadecimal color #dc476f has RGB values of R:220, G:71, B:111 and CMYK values of C:0, M:0.68, Y:0.5, K:0.14. Its decimal value is 14436207.

Hex triplet	dc476f	`#dc476f`
RGB Decimal	220, 71, 111	`rgb(220,71,111)`
RGB Percent	86.3, 27.8, 43.5	`rgb(86.3%,27.8%,43.5%)`
CMYK	0, 68, 50, 14
HSL	343.9°, 68, 57.1	`hsl(343.9,68%,57.1%)`
HSV (or HSB)	343.9°, 67.7, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	52.811, 60.547, 10.434
XYZ	34.639, 20.873, 17.243
xyY	0.476, 0.287, 20.873
CIE-LCH	52.811, 61.44, 9.778
CIE-LUV	52.811, 102.3, 1.332
Hunter-Lab	45.687, 55.38, 9.604
Binary	11011100, 01000111, 01101111

#dc476f
```
#dc476f rgb(220,71,111)
```
#47dcb4
```
#47dcb4 rgb(71,220,180)
```

Complementary Color

#dc47ba
```
#dc47ba rgb(220,71,186)
```
#dc476f
```
#dc476f rgb(220,71,111)
```
#dc6a47
```
#dc6a47 rgb(220,106,71)
```

Analogous Color

#47badc
```
#47badc rgb(71,186,220)
```
#dc476f
```
#dc476f rgb(220,71,111)
```
#47dc6a
```
#47dc6a rgb(71,220,106)
```

Split Complementary Color

#476fdc
```
#476fdc rgb(71,111,220)
```
#dc476f
```
#dc476f rgb(220,71,111)
```
#6fdc47
```
#6fdc47 rgb(111,220,71)
```

Triadic Color

#b447dc
```
#b447dc rgb(180,71,220)
```
#dc476f
```
#dc476f rgb(220,71,111)
```
#6fdc47
```
#6fdc47 rgb(111,220,71)
```
#47dcb4
```
#47dcb4 rgb(71,220,180)
```

Tetradic Color

#b42249
```
#b42249 rgb(180,34,73)
```
#ca2652
```
#ca2652 rgb(202,38,82)
```
#d8325e
```
#d8325e rgb(216,50,94)
```
#dc476f
```
#dc476f rgb(220,71,111)
```
#e05c80
```
#e05c80 rgb(224,92,128)
```
#e47291
```
#e47291 rgb(228,114,145)
```
#e887a1
```
#e887a1 rgb(232,135,161)
```

Monochromatic Color

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

#dc4794
```
#dc4794 rgb(220,71,148)
```
#dc4788
```
#dc4788 rgb(220,71,136)
```
#dc477b
```
#dc477b rgb(220,71,123)
```
#dc476f
```
#dc476f rgb(220,71,111)
```
#dc4763
```
#dc4763 rgb(220,71,99)
```
#dc4756
```
#dc4756 rgb(220,71,86)
```
#dc474a
```
#dc474a rgb(220,71,74)
```

Similar Colors

Text with hexadecimal color #dc476f

This text has a font color of #dc476f.

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

#dc476f background color

This paragraph has a background color of #dc476f.

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

#dc476f border color

This element has a border color of #dc476f.

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

CSS codes

.text {color:#dc476f;}

.background {background-color:#dc476f;}

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

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

#0e0306
```
#0e0306 rgb(14,3,6)
```
#1e060c
```
#1e060c rgb(30,6,12)
```
#2f0913
```
#2f0913 rgb(47,9,19)
```
#3f0c1a
```
#3f0c1a rgb(63,12,26)
```
#500f20
```
#500f20 rgb(80,15,32)
```
#601227
```
#601227 rgb(96,18,39)
```
#71152e
```
#71152e rgb(113,21,46)
```
#811935
```
#811935 rgb(129,25,53)
```
#921c3b
```
#921c3b rgb(146,28,59)
```
#a21f42
```
#a21f42 rgb(162,31,66)
```
#b32249
```
#b32249 rgb(179,34,73)
```
#c32550
```
#c32550 rgb(195,37,80)
```
#d42856
```
#d42856 rgb(212,40,86)
```

Shade Color Variation

#d93762
```
#d93762 rgb(217,55,98)
```
#dc476f
```
#dc476f rgb(220,71,111)
```
#df577c
```
#df577c rgb(223,87,124)
```
#e26889
```
#e26889 rgb(226,104,137)
```
#e57896
```
#e57896 rgb(229,120,150)
```
#e989a3
```
#e989a3 rgb(233,137,163)
```
#ec99af
```
#ec99af rgb(236,153,175)
```
#efaabc
```
#efaabc rgb(239,170,188)
```
#f2bac9
```
#f2bac9 rgb(242,186,201)
```
#f5cbd6
```
#f5cbd6 rgb(245,203,214)
```
#f8dbe3
```
#f8dbe3 rgb(248,219,227)
```
#fbecf0
```
#fbecf0 rgb(251,236,240)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#998a8e
```
#998a8e rgb(153,138,142)
```
#a1828a
```
#a1828a rgb(161,130,138)
```
#a97a86
```
#a97a86 rgb(169,122,134)
```
#b27183
```
#b27183 rgb(178,113,131)
```
#ba697f
```
#ba697f rgb(186,105,127)
```
#c3607b
```
#c3607b rgb(195,96,123)
```
#cb5877
```
#cb5877 rgb(203,88,119)
```
#d44f73
```
#d44f73 rgb(212,79,115)
```
#dc476f
```
#dc476f rgb(220,71,111)
```
#e43f6b
```
#e43f6b rgb(228,63,107)
```
#ed3667
```
#ed3667 rgb(237,54,103)
```
#f52e63
```
#f52e63 rgb(245,46,99)
```
#fe255f
```
#fe255f rgb(254,37,95)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#8c6e76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83838e Protanopia 1% of men
#997f6c Deuteranopia 1% of men
#dc565b Tritanopia 0.001% of the population

Trichromacy

#a36d83 Protanomaly 1% of men, 0.01% of women
#b16b6d Deuteranomaly 6% of men, 0.4% of women
#dc5062 Tritanomaly 0.01% of the population

#dc476f hex color

#dc476f Color Information

#dc476f Color Conversion

Color Schemes with #dc476f

Alternatives to #dc476f

#dc476f Preview

Shades and Tints of #dc476f

Tones of #dc476f

Color Blindness Simulator