#dd5f60 hex color

In a RGB color space, hex #dd5f60 is composed of 86.7% red, 37.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 56.6% yellow and 13.3% black. It has a hue angle of 359.5 degrees, a saturation of 64.9% and a lightness of 62%. #dd5f60 color hex could be obtained by blending #ffbec0 with #bb0000. Closest websafe color is: #cc6666.

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

● #dd5f60 color description : Soft red.

The hexadecimal color #dd5f60 has RGB values of R:221, G:95, B:96 and CMYK values of C:0, M:0.57, Y:0.57, K:0.13. Its decimal value is 14507872.

Hex triplet	dd5f60	`#dd5f60`
RGB Decimal	221, 95, 96	`rgb(221,95,96)`
RGB Percent	86.7, 37.3, 37.6	`rgb(86.7%,37.3%,37.6%)`
CMYK	0, 57, 57, 13
HSL	359.5°, 64.9, 62	`hsl(359.5,64.9%,62%)`
HSV (or HSB)	359.5°, 57, 86.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.491, 49.383, 24.329
XYZ	36.023, 24.404, 13.879
xyY	0.485, 0.328, 24.404
CIE-LCH	56.491, 55.051, 26.228
CIE-LUV	56.491, 93.188, 19.573
Hunter-Lab	49.401, 43.712, 17.923
Binary	11011101, 01011111, 01100000

#dd5f60
```
#dd5f60 rgb(221,95,96)
```
#5fdddc
```
#5fdddc rgb(95,221,220)
```

Complementary Color

#dd5f9f
```
#dd5f9f rgb(221,95,159)
```
#dd5f60
```
#dd5f60 rgb(221,95,96)
```
#dd9d5f
```
#dd9d5f rgb(221,157,95)
```

Analogous Color

#5f9fdd
```
#5f9fdd rgb(95,159,221)
```
#dd5f60
```
#dd5f60 rgb(221,95,96)
```
#5fdd9d
```
#5fdd9d rgb(95,221,157)
```

Split Complementary Color

#5f60dd
```
#5f60dd rgb(95,96,221)
```
#dd5f60
```
#dd5f60 rgb(221,95,96)
```
#60dd5f
```
#60dd5f rgb(96,221,95)
```

Triadic Color

#dc5fdd
```
#dc5fdd rgb(220,95,221)
```
#dd5f60
```
#dd5f60 rgb(221,95,96)
```
#60dd5f
```
#60dd5f rgb(96,221,95)
```
#5fdddc
```
#5fdddc rgb(95,221,220)
```

Tetradic Color

#c62a2b
```
#c62a2b rgb(198,42,43)
```
#d43536
```
#d43536 rgb(212,53,54)
```
#d94a4b
```
#d94a4b rgb(217,74,75)
```
#dd5f60
```
#dd5f60 rgb(221,95,96)
```
#e17475
```
#e17475 rgb(225,116,117)
```
#e6898a
```
#e6898a rgb(230,137,138)
```
#ea9e9f
```
#ea9e9f rgb(234,158,159)
```

Monochromatic Color

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

#dd5f80
```
#dd5f80 rgb(221,95,128)
```
#dd5f75
```
#dd5f75 rgb(221,95,117)
```
#dd5f6b
```
#dd5f6b rgb(221,95,107)
```
#dd5f60
```
#dd5f60 rgb(221,95,96)
```
#dd695f
```
#dd695f rgb(221,105,95)
```
#dd735f
```
#dd735f rgb(221,115,95)
```
#dd7e5f
```
#dd7e5f rgb(221,126,95)
```

Similar Colors

Text with hexadecimal color #dd5f60

This text has a font color of #dd5f60.

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

#dd5f60 background color

This paragraph has a background color of #dd5f60.

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

#dd5f60 border color

This element has a border color of #dd5f60.

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

CSS codes

.text {color:#dd5f60;}

.background {background-color:#dd5f60;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#120404
```
#120404 rgb(18,4,4)
```
#220707
```
#220707 rgb(34,7,7)
```
#320b0b
```
#320b0b rgb(50,11,11)
```
#420e0f
```
#420e0f rgb(66,14,15)
```
#531212
```
#531212 rgb(83,18,18)
```
#631516
```
#631516 rgb(99,21,22)
```
#731819
```
#731819 rgb(115,24,25)
```
#831c1d
```
#831c1d rgb(131,28,29)
```
#931f20
```
#931f20 rgb(147,31,32)
```
#a42324
```
#a42324 rgb(164,35,36)
```
#b42627
```
#b42627 rgb(180,38,39)
```
#c42a2b
```
#c42a2b rgb(196,42,43)
```

Shade Color Variation

#d32e30
```
#d32e30 rgb(211,46,48)
```
#d63f40
```
#d63f40 rgb(214,63,64)
```
#da4f50
```
#da4f50 rgb(218,79,80)
```
#dd5f60
```
#dd5f60 rgb(221,95,96)
```
#e06f70
```
#e06f70 rgb(224,111,112)
```
#e47f80
```
#e47f80 rgb(228,127,128)
```
#e79090
```
#e79090 rgb(231,144,144)
```
#eba0a0
```
#eba0a0 rgb(235,160,160)
```
#eeb0b0
```
#eeb0b0 rgb(238,176,176)
```
#f2c0c0
```
#f2c0c0 rgb(242,192,192)
```
#f5d0d1
```
#f5d0d1 rgb(245,208,209)
```
#f9e0e1
```
#f9e0e1 rgb(249,224,225)
```
#fcf1f1
```
#fcf1f1 rgb(252,241,241)
```

Tint Color Variation

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

#a19b9b
```
#a19b9b rgb(161,155,155)
```
#a99393
```
#a99393 rgb(169,147,147)
```
#b08c8c
```
#b08c8c rgb(176,140,140)
```
#b88485
```
#b88485 rgb(184,132,133)
```
#bf7d7d
```
#bf7d7d rgb(191,125,125)
```
#c77576
```
#c77576 rgb(199,117,118)
```
#ce6e6f
```
#ce6e6f rgb(206,110,111)
```
#d66667
```
#d66667 rgb(214,102,103)
```
#dd5f60
```
#dd5f60 rgb(221,95,96)
```
#e45859
```
#e45859 rgb(228,88,89)
```
#ec5051
```
#ec5051 rgb(236,80,81)
```
#f3494a
```
#f3494a rgb(243,73,74)
```
#fb4143
```
#fb4143 rgb(251,65,67)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#977d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#958d77 Protanopia 1% of men
#a88760 Deuteranopia 1% of men
#df666c Tritanopia 0.001% of the population

Trichromacy

#af7c6f Protanomaly 1% of men, 0.01% of women
#bb7960 Deuteranomaly 6% of men, 0.4% of women
#de6368 Tritanomaly 0.01% of the population

#dd5f60 hex color

#dd5f60 Color Information

#dd5f60 Color Conversion

Color Schemes with #dd5f60

Alternatives to #dd5f60

#dd5f60 Preview

Shades and Tints of #dd5f60

Tones of #dd5f60

Color Blindness Simulator