#de5157 hex color

In a RGB color space, hex #de5157 is composed of 87.1% red, 31.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.5% magenta, 60.8% yellow and 12.9% black. It has a hue angle of 357.4 degrees, a saturation of 68.1% and a lightness of 59.4%. #de5157 color hex could be obtained by blending #ffa2ae with #bd0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 87
- G 32
- B 34
RGB color chart
- C 0
- M 64
- Y 61
- K 13
CMYK color chart

● #de5157 color description : Soft red.

The hexadecimal color #de5157 has RGB values of R:222, G:81, B:87 and CMYK values of C:0, M:0.64, Y:0.61, K:0.13. Its decimal value is 14569815.

Hex triplet	de5157	`#de5157`
RGB Decimal	222, 81, 87	`rgb(222,81,87)`
RGB Percent	87.1, 31.8, 34.1	`rgb(87.1%,31.8%,34.1%)`
CMYK	0, 64, 61, 13
HSL	357.4°, 68.1, 59.4	`hsl(357.4,68.1%,59.4%)`
HSV (or HSB)	357.4°, 63.5, 87.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.139, 55.332, 26.525
XYZ	34.788, 22.106, 11.451
xyY	0.509, 0.323, 22.106
CIE-LCH	54.139, 61.362, 25.612
CIE-LUV	54.139, 105.152, 19.806
Hunter-Lab	47.017, 49.793, 18.472
Binary	11011110, 01010001, 01010111

#de5157
```
#de5157 rgb(222,81,87)
```
#51ded8
```
#51ded8 rgb(81,222,216)
```

Complementary Color

#de519e
```
#de519e rgb(222,81,158)
```
#de5157
```
#de5157 rgb(222,81,87)
```
#de9251
```
#de9251 rgb(222,146,81)
```

Analogous Color

#519ede
```
#519ede rgb(81,158,222)
```
#de5157
```
#de5157 rgb(222,81,87)
```
#51de92
```
#51de92 rgb(81,222,146)
```

Split Complementary Color

#5157de
```
#5157de rgb(81,87,222)
```
#de5157
```
#de5157 rgb(222,81,87)
```
#57de51
```
#57de51 rgb(87,222,81)
```

Triadic Color

#d851de
```
#d851de rgb(216,81,222)
```
#de5157
```
#de5157 rgb(222,81,87)
```
#57de51
```
#57de51 rgb(87,222,81)
```
#51ded8
```
#51ded8 rgb(81,222,216)
```

Tetradic Color

#be242b
```
#be242b rgb(190,36,43)
```
#d4282f
```
#d4282f rgb(212,40,47)
```
#da3c42
```
#da3c42 rgb(218,60,66)
```
#de5157
```
#de5157 rgb(222,81,87)
```
#e2666c
```
#e2666c rgb(226,102,108)
```
#e67c80
```
#e67c80 rgb(230,124,128)
```
#ea9195
```
#ea9195 rgb(234,145,149)
```

Monochromatic Color

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

#de517a
```
#de517a rgb(222,81,122)
```
#de516f
```
#de516f rgb(222,81,111)
```
#de5163
```
#de5163 rgb(222,81,99)
```
#de5157
```
#de5157 rgb(222,81,87)
```
#de5751
```
#de5751 rgb(222,87,81)
```
#de6351
```
#de6351 rgb(222,99,81)
```
#de6e51
```
#de6e51 rgb(222,110,81)
```

Similar Colors

Text with hexadecimal color #de5157

This text has a font color of #de5157.

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

#de5157 background color

This paragraph has a background color of #de5157.

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

#de5157 border color

This element has a border color of #de5157.

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

CSS codes

.text {color:#de5157;}

.background {background-color:#de5157;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#180505
```
#180505 rgb(24,5,5)
```
#280809
```
#280809 rgb(40,8,9)
```
#390b0d
```
#390b0d rgb(57,11,13)
```
#490e10
```
#490e10 rgb(73,14,16)
```
#5a1114
```
#5a1114 rgb(90,17,20)
```
#6a1418
```
#6a1418 rgb(106,20,24)
```
#7b171c
```
#7b171c rgb(123,23,28)
```
#8b1a1f
```
#8b1a1f rgb(139,26,31)
```
#9c1e23
```
#9c1e23 rgb(156,30,35)
```
#ac2127
```
#ac2127 rgb(172,33,39)
```
#bd242a
```
#bd242a rgb(189,36,42)
```
#cd272e
```
#cd272e rgb(205,39,46)
```

Shade Color Variation

#d83037
```
#d83037 rgb(216,48,55)
```
#db4147
```
#db4147 rgb(219,65,71)
```
#de5157
```
#de5157 rgb(222,81,87)
```
#e16167
```
#e16167 rgb(225,97,103)
```
#e47277
```
#e47277 rgb(228,114,119)
```
#e78287
```
#e78287 rgb(231,130,135)
```
#eb9397
```
#eb9397 rgb(235,147,151)
```
#eea3a7
```
#eea3a7 rgb(238,163,167)
```
#f1b4b7
```
#f1b4b7 rgb(241,180,183)
```
#f4c4c6
```
#f4c4c6 rgb(244,196,198)
```
#f7d5d6
```
#f7d5d6 rgb(247,213,214)
```
#fae5e6
```
#fae5e6 rgb(250,229,230)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#9e9191
```
#9e9191 rgb(158,145,145)
```
#a6898a
```
#a6898a rgb(166,137,138)
```
#ae8183
```
#ae8183 rgb(174,129,131)
```
#b6797b
```
#b6797b rgb(182,121,123)
```
#be7174
```
#be7174 rgb(190,113,116)
```
#c6696d
```
#c6696d rgb(198,105,109)
```
#ce6166
```
#ce6166 rgb(206,97,102)
```
#d6595e
```
#d6595e rgb(214,89,94)
```
#de5157
```
#de5157 rgb(222,81,87)
```
#e64950
```
#e64950 rgb(230,73,80)
```
#ee4148
```
#ee4148 rgb(238,65,72)
```
#f63941
```
#f63941 rgb(246,57,65)
```
#fe313a
```
#fe313a rgb(254,49,58)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#907375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8771 Protanopia 1% of men
#a38256 Deuteranopia 1% of men
#df5a5f Tritanopia 0.001% of the population

Trichromacy

#ac7367 Protanomaly 1% of men, 0.01% of women
#b87056 Deuteranomaly 6% of men, 0.4% of women
#df565c Tritanomaly 0.01% of the population

#de5157 hex color

#de5157 Color Information

#de5157 Color Conversion

Color Schemes with #de5157

Alternatives to #de5157

#de5157 Preview

Shades and Tints of #de5157

Tones of #de5157

Color Blindness Simulator