#de5f60 hex color

In a RGB color space, hex #de5f60 is composed of 87.1% red, 37.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.2% magenta, 56.8% yellow and 12.9% black. It has a hue angle of 359.5 degrees, a saturation of 65.8% and a lightness of 62.2%. #de5f60 color hex could be obtained by blending #ffbec0 with #bd0000. 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

● #de5f60 color description : Soft red.

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

Hex triplet	de5f60	`#de5f60`
RGB Decimal	222, 95, 96	`rgb(222,95,96)`
RGB Percent	87.1, 37.3, 37.6	`rgb(87.1%,37.3%,37.6%)`
CMYK	0, 57, 57, 13
HSL	359.5°, 65.8, 62.2	`hsl(359.5,65.8%,62.2%)`
HSV (or HSB)	359.5°, 57.2, 87.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.646, 49.732, 24.563
XYZ	36.329, 24.562, 13.894
xyY	0.486, 0.328, 24.562
CIE-LCH	56.646, 55.467, 26.285
CIE-LUV	56.646, 94.008, 19.751
Hunter-Lab	49.56, 44.115, 18.071
Binary	11011110, 01011111, 01100000

#de5f60
```
#de5f60 rgb(222,95,96)
```
#5fdedd
```
#5fdedd rgb(95,222,221)
```

Complementary Color

#de5fa0
```
#de5fa0 rgb(222,95,160)
```
#de5f60
```
#de5f60 rgb(222,95,96)
```
#de9e5f
```
#de9e5f rgb(222,158,95)
```

Analogous Color

#5fa0de
```
#5fa0de rgb(95,160,222)
```
#de5f60
```
#de5f60 rgb(222,95,96)
```
#5fde9e
```
#5fde9e rgb(95,222,158)
```

Split Complementary Color

#5f60de
```
#5f60de rgb(95,96,222)
```
#de5f60
```
#de5f60 rgb(222,95,96)
```
#60de5f
```
#60de5f rgb(96,222,95)
```

Triadic Color

#dd5fde
```
#dd5fde rgb(221,95,222)
```
#de5f60
```
#de5f60 rgb(222,95,96)
```
#60de5f
```
#60de5f rgb(96,222,95)
```
#5fdedd
```
#5fdedd rgb(95,222,221)
```

Tetradic Color

#c7292a
```
#c7292a rgb(199,41,42)
```
#d53536
```
#d53536 rgb(213,53,54)
```
#da4a4b
```
#da4a4b rgb(218,74,75)
```
#de5f60
```
#de5f60 rgb(222,95,96)
```
#e27475
```
#e27475 rgb(226,116,117)
```
#e7898a
```
#e7898a rgb(231,137,138)
```
#eb9e9f
```
#eb9e9f rgb(235,158,159)
```

Monochromatic Color

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

#de5f80
```
#de5f80 rgb(222,95,128)
```
#de5f75
```
#de5f75 rgb(222,95,117)
```
#de5f6b
```
#de5f6b rgb(222,95,107)
```
#de5f60
```
#de5f60 rgb(222,95,96)
```
#de695f
```
#de695f rgb(222,105,95)
```
#de735f
```
#de735f rgb(222,115,95)
```
#de7e5f
```
#de7e5f rgb(222,126,95)
```

Similar Colors

Text with hexadecimal color #de5f60

This text has a font color of #de5f60.

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

#de5f60 background color

This paragraph has a background color of #de5f60.

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

#de5f60 border color

This element has a border color of #de5f60.

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

CSS codes

.text {color:#de5f60;}

.background {background-color:#de5f60;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130404
```
#130404 rgb(19,4,4)
```
#230707
```
#230707 rgb(35,7,7)
```
#330b0b
```
#330b0b rgb(51,11,11)
```
#440e0e
```
#440e0e rgb(68,14,14)
```
#541112
```
#541112 rgb(84,17,18)
```
#641515
```
#641515 rgb(100,21,21)
```
#741819
```
#741819 rgb(116,24,25)
```
#851b1c
```
#851b1c rgb(133,27,28)
```
#951f20
```
#951f20 rgb(149,31,32)
```
#a52223
```
#a52223 rgb(165,34,35)
```
#b52527
```
#b52527 rgb(181,37,39)
```
#c6292a
```
#c6292a rgb(198,41,42)
```

Shade Color Variation

#d42e30
```
#d42e30 rgb(212,46,48)
```
#d73e40
```
#d73e40 rgb(215,62,64)
```
#db4f50
```
#db4f50 rgb(219,79,80)
```
#de5f60
```
#de5f60 rgb(222,95,96)
```
#e16f70
```
#e16f70 rgb(225,111,112)
```
#e58080
```
#e58080 rgb(229,128,128)
```
#e89090
```
#e89090 rgb(232,144,144)
```
#eba0a1
```
#eba0a1 rgb(235,160,161)
```
#efb0b1
```
#efb0b1 rgb(239,176,177)
```
#f2c1c1
```
#f2c1c1 rgb(242,193,193)
```
#f5d1d1
```
#f5d1d1 rgb(245,209,209)
```
#f9e1e1
```
#f9e1e1 rgb(249,225,225)
```
#fcf1f1
```
#fcf1f1 rgb(252,241,241)
```

Tint Color Variation

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

#a39a9a
```
#a39a9a rgb(163,154,154)
```
#aa9393
```
#aa9393 rgb(170,147,147)
```
#b18c8c
```
#b18c8c rgb(177,140,140)
```
#b98485
```
#b98485 rgb(185,132,133)
```
#c07d7d
```
#c07d7d rgb(192,125,125)
```
#c87576
```
#c87576 rgb(200,117,118)
```
#cf6e6f
```
#cf6e6f rgb(207,110,111)
```
#d76667
```
#d76667 rgb(215,102,103)
```
#de5f60
```
#de5f60 rgb(222,95,96)
```
#e55859
```
#e55859 rgb(229,88,89)
```
#ed5051
```
#ed5051 rgb(237,80,81)
```
#f4494a
```
#f4494a rgb(244,73,74)
```
#fc4143
```
#fc4143 rgb(252,65,67)
```

Tone Color Variation

Below, you can see how #de5f60 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
#a98860 Deuteranopia 1% of men
#e0666c Tritanopia 0.001% of the population

Trichromacy

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

#de5f60 hex color

#de5f60 Color Information

#de5f60 Color Conversion

Color Schemes with #de5f60

Alternatives to #de5f60

#de5f60 Preview

Shades and Tints of #de5f60

Tones of #de5f60

Color Blindness Simulator