#dc5f60 hex color

In a RGB color space, hex #dc5f60 is composed of 86.3% red, 37.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.8% magenta, 56.4% yellow and 13.7% black. It has a hue angle of 359.5 degrees, a saturation of 64.1% and a lightness of 61.8%. #dc5f60 color hex could be obtained by blending #ffbec0 with #b90000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 86
- G 37
- B 38
RGB color chart
- C 0
- M 57
- Y 56
- K 14
CMYK color chart

● #dc5f60 color description : Soft red.

The hexadecimal color #dc5f60 has RGB values of R:220, G:95, B:96 and CMYK values of C:0, M:0.57, Y:0.56, K:0.14. Its decimal value is 14442336.

Hex triplet	dc5f60	`#dc5f60`
RGB Decimal	220, 95, 96	`rgb(220,95,96)`
RGB Percent	86.3, 37.3, 37.6	`rgb(86.3%,37.3%,37.6%)`
CMYK	0, 57, 56, 14
HSL	359.5°, 64.1, 61.8	`hsl(359.5,64.1%,61.8%)`
HSV (or HSB)	359.5°, 56.8, 86.3
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.335, 49.033, 24.096
XYZ	35.72, 24.248, 13.865
xyY	0.484, 0.328, 24.248
CIE-LCH	56.335, 54.634, 26.171
CIE-LUV	56.335, 92.368, 19.394
Hunter-Lab	49.242, 43.308, 17.775
Binary	11011100, 01011111, 01100000

#dc5f60
```
#dc5f60 rgb(220,95,96)
```
#5fdcdb
```
#5fdcdb rgb(95,220,219)
```

Complementary Color

#dc5f9f
```
#dc5f9f rgb(220,95,159)
```
#dc5f60
```
#dc5f60 rgb(220,95,96)
```
#dc9d5f
```
#dc9d5f rgb(220,157,95)
```

Analogous Color

#5f9fdc
```
#5f9fdc rgb(95,159,220)
```
#dc5f60
```
#dc5f60 rgb(220,95,96)
```
#5fdc9d
```
#5fdc9d rgb(95,220,157)
```

Split Complementary Color

#5f60dc
```
#5f60dc rgb(95,96,220)
```
#dc5f60
```
#dc5f60 rgb(220,95,96)
```
#60dc5f
```
#60dc5f rgb(96,220,95)
```

Triadic Color

#db5fdc
```
#db5fdc rgb(219,95,220)
```
#dc5f60
```
#dc5f60 rgb(220,95,96)
```
#60dc5f
```
#60dc5f rgb(96,220,95)
```
#5fdcdb
```
#5fdcdb rgb(95,220,219)
```

Tetradic Color

#c42b2c
```
#c42b2c rgb(196,43,44)
```
#d33536
```
#d33536 rgb(211,53,54)
```
#d74a4b
```
#d74a4b rgb(215,74,75)
```
#dc5f60
```
#dc5f60 rgb(220,95,96)
```
#e17475
```
#e17475 rgb(225,116,117)
```
#e5898a
```
#e5898a rgb(229,137,138)
```
#ea9e9e
```
#ea9e9e rgb(234,158,158)
```

Monochromatic Color

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

#dc5f7f
```
#dc5f7f rgb(220,95,127)
```
#dc5f75
```
#dc5f75 rgb(220,95,117)
```
#dc5f6a
```
#dc5f6a rgb(220,95,106)
```
#dc5f60
```
#dc5f60 rgb(220,95,96)
```
#dc685f
```
#dc685f rgb(220,104,95)
```
#dc735f
```
#dc735f rgb(220,115,95)
```
#dc7d5f
```
#dc7d5f rgb(220,125,95)
```

Similar Colors

Text with hexadecimal color #dc5f60

This text has a font color of #dc5f60.

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

#dc5f60 background color

This paragraph has a background color of #dc5f60.

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

#dc5f60 border color

This element has a border color of #dc5f60.

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

CSS codes

.text {color:#dc5f60;}

.background {background-color:#dc5f60;}

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

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 #fcf0f0 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#110404
```
#110404 rgb(17,4,4)
```
#210707
```
#210707 rgb(33,7,7)
```
#310b0b
```
#310b0b rgb(49,11,11)
```
#410e0f
```
#410e0f rgb(65,14,15)
```
#511212
```
#511212 rgb(81,18,18)
```
#621516
```
#621516 rgb(98,21,22)
```
#72191a
```
#72191a rgb(114,25,26)
```
#821c1d
```
#821c1d rgb(130,28,29)
```
#922021
```
#922021 rgb(146,32,33)
```
#a22324
```
#a22324 rgb(162,35,36)
```
#b22728
```
#b22728 rgb(178,39,40)
```
#c22a2c
```
#c22a2c rgb(194,42,44)
```

Shade Color Variation

#d12f30
```
#d12f30 rgb(209,47,48)
```
#d53f40
```
#d53f40 rgb(213,63,64)
```
#d84f50
```
#d84f50 rgb(216,79,80)
```
#dc5f60
```
#dc5f60 rgb(220,95,96)
```
#e06f70
```
#e06f70 rgb(224,111,112)
```
#e37f80
```
#e37f80 rgb(227,127,128)
```
#e78f90
```
#e78f90 rgb(231,143,144)
```
#ea9fa0
```
#ea9fa0 rgb(234,159,160)
```
#eeafb0
```
#eeafb0 rgb(238,175,176)
```
#f1c0c0
```
#f1c0c0 rgb(241,192,192)
```
#f5d0d0
```
#f5d0d0 rgb(245,208,208)
```
#f8e0e0
```
#f8e0e0 rgb(248,224,224)
```
#fcf0f0
```
#fcf0f0 rgb(252,240,240)
```

Tint Color Variation

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

#a09b9b
```
#a09b9b rgb(160,155,155)
```
#a89494
```
#a89494 rgb(168,148,148)
```
#af8c8c
```
#af8c8c rgb(175,140,140)
```
#b78585
```
#b78585 rgb(183,133,133)
```
#be7d7e
```
#be7d7e rgb(190,125,126)
```
#c67676
```
#c67676 rgb(198,118,118)
```
#cd6e6f
```
#cd6e6f rgb(205,110,111)
```
#d56767
```
#d56767 rgb(213,103,103)
```
#dc5f60
```
#dc5f60 rgb(220,95,96)
```
#e45859
```
#e45859 rgb(228,88,89)
```
#eb5051
```
#eb5051 rgb(235,80,81)
```
#f3494a
```
#f3494a rgb(243,73,74)
```
#fa4142
```
#fa4142 rgb(250,65,66)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#967d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#948c77 Protanopia 1% of men
#a88760 Deuteranopia 1% of men
#de666c Tritanopia 0.001% of the population

Trichromacy

#ae7c6f Protanomaly 1% of men, 0.01% of women
#bb7860 Deuteranomaly 6% of men, 0.4% of women
#dd6368 Tritanomaly 0.01% of the population

#dc5f60 hex color

#dc5f60 Color Information

#dc5f60 Color Conversion

Color Schemes with #dc5f60

Alternatives to #dc5f60

#dc5f60 Preview

Shades and Tints of #dc5f60

Tones of #dc5f60

Color Blindness Simulator