#dc506f hex color

In a RGB color space, hex #dc506f is composed of 86.3% red, 31.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.6% magenta, 49.5% yellow and 13.7% black. It has a hue angle of 346.7 degrees, a saturation of 66.7% and a lightness of 58.8%. #dc506f color hex could be obtained by blending #ffa0de with #b90000. Closest websafe color is: #cc6666.

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

● #dc506f color description : Soft red.

The hexadecimal color #dc506f has RGB values of R:220, G:80, B:111 and CMYK values of C:0, M:0.64, Y:0.5, K:0.14. Its decimal value is 14438511.

Hex triplet	dc506f	`#dc506f`
RGB Decimal	220, 80, 111	`rgb(220,80,111)`
RGB Percent	86.3, 31.4, 43.5	`rgb(86.3%,31.4%,43.5%)`
CMYK	0, 64, 50, 14
HSL	346.7°, 66.7, 58.8	`hsl(346.7,66.7%,58.8%)`
HSV (or HSB)	346.7°, 63.6, 86.3
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.137, 56.932, 12.294
XYZ	35.254, 22.104, 17.448
xyY	0.471, 0.295, 22.104
CIE-LCH	54.137, 58.244, 12.185
CIE-LUV	54.137, 97.535, 4.414
Hunter-Lab	47.015, 51.572, 10.907
Binary	11011100, 01010000, 01101111

#dc506f
```
#dc506f rgb(220,80,111)
```
#50dcbd
```
#50dcbd rgb(80,220,189)
```

Complementary Color

#dc50b5
```
#dc50b5 rgb(220,80,181)
```
#dc506f
```
#dc506f rgb(220,80,111)
```
#dc7750
```
#dc7750 rgb(220,119,80)
```

Analogous Color

#50b5dc
```
#50b5dc rgb(80,181,220)
```
#dc506f
```
#dc506f rgb(220,80,111)
```
#50dc77
```
#50dc77 rgb(80,220,119)
```

Split Complementary Color

#506fdc
```
#506fdc rgb(80,111,220)
```
#dc506f
```
#dc506f rgb(220,80,111)
```
#6fdc50
```
#6fdc50 rgb(111,220,80)
```

Triadic Color

#bd50dc
```
#bd50dc rgb(189,80,220)
```
#dc506f
```
#dc506f rgb(220,80,111)
```
#6fdc50
```
#6fdc50 rgb(111,220,80)
```
#50dcbd
```
#50dcbd rgb(80,220,189)
```

Tetradic Color

#ba2546
```
#ba2546 rgb(186,37,70)
```
#d02a4e
```
#d02a4e rgb(208,42,78)
```
#d83b5e
```
#d83b5e rgb(216,59,94)
```
#dc506f
```
#dc506f rgb(220,80,111)
```
#e06580
```
#e06580 rgb(224,101,128)
```
#e57b92
```
#e57b92 rgb(229,123,146)
```
#e990a3
```
#e990a3 rgb(233,144,163)
```

Monochromatic Color

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

#dc5092
```
#dc5092 rgb(220,80,146)
```
#dc5086
```
#dc5086 rgb(220,80,134)
```
#dc507b
```
#dc507b rgb(220,80,123)
```
#dc506f
```
#dc506f rgb(220,80,111)
```
#dc5063
```
#dc5063 rgb(220,80,99)
```
#dc5058
```
#dc5058 rgb(220,80,88)
```
#dc5450
```
#dc5450 rgb(220,84,80)
```

Similar Colors

Text with hexadecimal color #dc506f

This text has a font color of #dc506f.

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

#dc506f background color

This paragraph has a background color of #dc506f.

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

#dc506f border color

This element has a border color of #dc506f.

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

CSS codes

.text {color:#dc506f;}

.background {background-color:#dc506f;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#150408
```
#150408 rgb(21,4,8)
```
#26080e
```
#26080e rgb(38,8,14)
```
#360b14
```
#360b14 rgb(54,11,20)
```
#460e1a
```
#460e1a rgb(70,14,26)
```
#571121
```
#571121 rgb(87,17,33)
```
#671527
```
#671527 rgb(103,21,39)
```
#77182d
```
#77182d rgb(119,24,45)
```
#881b33
```
#881b33 rgb(136,27,51)
```
#981e39
```
#981e39 rgb(152,30,57)
```
#a8223f
```
#a8223f rgb(168,34,63)
```
#b92546
```
#b92546 rgb(185,37,70)
```
#c9284c
```
#c9284c rgb(201,40,76)
```

Shade Color Variation

#d52f54
```
#d52f54 rgb(213,47,84)
```
#d94062
```
#d94062 rgb(217,64,98)
```
#dc506f
```
#dc506f rgb(220,80,111)
```
#df607c
```
#df607c rgb(223,96,124)
```
#e3718a
```
#e3718a rgb(227,113,138)
```
#e68197
```
#e68197 rgb(230,129,151)
```
#e991a5
```
#e991a5 rgb(233,145,165)
```
#eca2b2
```
#eca2b2 rgb(236,162,178)
```
#f0b2c0
```
#f0b2c0 rgb(240,178,192)
```
#f3c2cd
```
#f3c2cd rgb(243,194,205)
```
#f6d3db
```
#f6d3db rgb(246,211,219)
```
#f9e3e8
```
#f9e3e8 rgb(249,227,232)
```
#fdf3f6
```
#fdf3f6 rgb(253,243,246)
```

Tint Color Variation

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

#9b9193
```
#9b9193 rgb(155,145,147)
```
#a3898f
```
#a3898f rgb(163,137,143)
```
#ac808a
```
#ac808a rgb(172,128,138)
```
#b47886
```
#b47886 rgb(180,120,134)
```
#bc7081
```
#bc7081 rgb(188,112,129)
```
#c4687d
```
#c4687d rgb(196,104,125)
```
#cc6078
```
#cc6078 rgb(204,96,120)
```
#d45874
```
#d45874 rgb(212,88,116)
```
#dc506f
```
#dc506f rgb(220,80,111)
```
#e4486b
```
#e4486b rgb(228,72,107)
```
#ec4066
```
#ec4066 rgb(236,64,102)
```
#f43862
```
#f43862 rgb(244,56,98)
```
#fc305d
```
#fc305d rgb(252,48,93)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#90747a Atypical Achromatopsia 0.001% of the population

Dichromacy

#88878b Protanopia 1% of men
#9d826d Deuteranopia 1% of men
#dc5d62 Tritanopia 0.001% of the population

Trichromacy

#a77381 Protanomaly 1% of men, 0.01% of women
#b4706d Deuteranomaly 6% of men, 0.4% of women
#dc5866 Tritanomaly 0.01% of the population

#dc506f hex color

#dc506f Color Information

#dc506f Color Conversion

Color Schemes with #dc506f

Alternatives to #dc506f

#dc506f Preview

Shades and Tints of #dc506f

Tones of #dc506f

Color Blindness Simulator