#de5150 hex color

In a RGB color space, hex #de5150 is composed of 87.1% red, 31.8% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.5% magenta, 64% yellow and 12.9% black. It has a hue angle of 0.4 degrees, a saturation of 68.3% and a lightness of 59.2%. #de5150 color hex could be obtained by blending #ffa2a0 with #bd0000. Closest websafe color is: #cc6666.

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

● #de5150 color description : Soft red.

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

Hex triplet	de5150	`#de5150`
RGB Decimal	222, 81, 80	`rgb(222,81,80)`
RGB Percent	87.1, 31.8, 31.4	`rgb(87.1%,31.8%,31.4%)`
CMYK	0, 64, 64, 13
HSL	0.4°, 68.3, 59.2	`hsl(0.4,68.3%,59.2%)`
HSV (or HSB)	0.4°, 64, 87.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.024, 54.894, 30.444
XYZ	34.516, 21.997, 10.017
xyY	0.519, 0.331, 21.997
CIE-LCH	54.024, 62.771, 29.012
CIE-LUV	54.024, 106.827, 23.505
Hunter-Lab	46.901, 49.286, 20.167
Binary	11011110, 01010001, 01010000

#de5150
```
#de5150 rgb(222,81,80)
```
#50ddde
```
#50ddde rgb(80,221,222)
```

Complementary Color

#de5096
```
#de5096 rgb(222,80,150)
```
#de5150
```
#de5150 rgb(222,81,80)
```
#de9850
```
#de9850 rgb(222,152,80)
```

Analogous Color

#5096de
```
#5096de rgb(80,150,222)
```
#de5150
```
#de5150 rgb(222,81,80)
```
#50de98
```
#50de98 rgb(80,222,152)
```

Split Complementary Color

#5150de
```
#5150de rgb(81,80,222)
```
#de5150
```
#de5150 rgb(222,81,80)
```
#50de51
```
#50de51 rgb(80,222,81)
```

Triadic Color

#de50dd
```
#de50dd rgb(222,80,221)
```
#de5150
```
#de5150 rgb(222,81,80)
```
#50de51
```
#50de51 rgb(80,222,81)
```
#50ddde
```
#50ddde rgb(80,221,222)
```

Tetradic Color

#be2524
```
#be2524 rgb(190,37,36)
```
#d32928
```
#d32928 rgb(211,41,40)
```
#da3c3b
```
#da3c3b rgb(218,60,59)
```
#de5150
```
#de5150 rgb(222,81,80)
```
#e26665
```
#e26665 rgb(226,102,101)
```
#e67c7b
```
#e67c7b rgb(230,124,123)
```
#ea9190
```
#ea9190 rgb(234,145,144)
```

Monochromatic Color

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

#de5073
```
#de5073 rgb(222,80,115)
```
#de5067
```
#de5067 rgb(222,80,103)
```
#de505b
```
#de505b rgb(222,80,91)
```
#de5150
```
#de5150 rgb(222,81,80)
```
#de5d50
```
#de5d50 rgb(222,93,80)
```
#de6950
```
#de6950 rgb(222,105,80)
```
#de7550
```
#de7550 rgb(222,117,80)
```

Similar Colors

Text with hexadecimal color #de5150

This text has a font color of #de5150.

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

#de5150 background color

This paragraph has a background color of #de5150.

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

#de5150 border color

This element has a border color of #de5150.

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

CSS codes

.text {color:#de5150;}

.background {background-color:#de5150;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#170404
```
#170404 rgb(23,4,4)
```
#280807
```
#280807 rgb(40,8,7)
```
#380b0b
```
#380b0b rgb(56,11,11)
```
#490e0e
```
#490e0e rgb(73,14,14)
```
#591111
```
#591111 rgb(89,17,17)
```
#6a1514
```
#6a1514 rgb(106,21,20)
```
#7a1817
```
#7a1817 rgb(122,24,23)
```
#8b1b1a
```
#8b1b1a rgb(139,27,26)
```
#9b1e1d
```
#9b1e1d rgb(155,30,29)
```
#ac2120
```
#ac2120 rgb(172,33,32)
```
#bc2523
```
#bc2523 rgb(188,37,35)
```
#cd2827
```
#cd2827 rgb(205,40,39)
```

Shade Color Variation

#d8302f
```
#d8302f rgb(216,48,47)
```
#db413f
```
#db413f rgb(219,65,63)
```
#de5150
```
#de5150 rgb(222,81,80)
```
#e16161
```
#e16161 rgb(225,97,97)
```
#e47271
```
#e47271 rgb(228,114,113)
```
#e78282
```
#e78282 rgb(231,130,130)
```
#ea9392
```
#ea9392 rgb(234,147,146)
```
#eea3a3
```
#eea3a3 rgb(238,163,163)
```
#f1b3b3
```
#f1b3b3 rgb(241,179,179)
```
#f4c4c4
```
#f4c4c4 rgb(244,196,196)
```
#f7d4d4
```
#f7d4d4 rgb(247,212,212)
```
#fae5e5
```
#fae5e5 rgb(250,229,229)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,245)
```

Tint Color Variation

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

#9e9090
```
#9e9090 rgb(158,144,144)
```
#a68888
```
#a68888 rgb(166,136,136)
```
#ae8080
```
#ae8080 rgb(174,128,128)
```
#b67878
```
#b67878 rgb(182,120,120)
```
#be7170
```
#be7170 rgb(190,113,112)
```
#c66968
```
#c66968 rgb(198,105,104)
```
#ce6160
```
#ce6160 rgb(206,97,96)
```
#d65958
```
#d65958 rgb(214,89,88)
```
#de5150
```
#de5150 rgb(222,81,80)
```
#e64948
```
#e64948 rgb(230,73,72)
```
#ee4140
```
#ee4140 rgb(238,65,64)
```
#f63938
```
#f63938 rgb(246,57,56)
```
#fe3130
```
#fe3130 rgb(254,49,48)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8f7372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908769 Protanopia 1% of men
#a48150 Deuteranopia 1% of men
#df595e Tritanopia 0.001% of the population

Trichromacy

#ac7360 Protanomaly 1% of men, 0.01% of women
#b97050 Deuteranomaly 6% of men, 0.4% of women
#df5659 Tritanomaly 0.01% of the population

#de5150 hex color

#de5150 Color Information

#de5150 Color Conversion

Color Schemes with #de5150

Alternatives to #de5150

#de5150 Preview

Shades and Tints of #de5150

Tones of #de5150

Color Blindness Simulator