#de504d hex color

In a RGB color space, hex #de504d is composed of 87.1% red, 31.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 65.3% yellow and 12.9% black. It has a hue angle of 1.2 degrees, a saturation of 68.7% and a lightness of 58.6%. #de504d color hex could be obtained by blending #ffa09a with #bd0000. Closest websafe color is: #cc6666.

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

● #de504d color description : Soft red.

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

Hex triplet	de504d	`#de504d`
RGB Decimal	222, 80, 77	`rgb(222,80,77)`
RGB Percent	87.1, 31.4, 30.2	`rgb(87.1%,31.4%,30.2%)`
CMYK	0, 64, 65, 13
HSL	1.2°, 68.7, 58.6	`hsl(1.2,68.7%,58.6%)`
HSV (or HSB)	1.2°, 65.3, 87.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.821, 55.141, 31.919
XYZ	34.334, 21.806, 9.422
xyY	0.524, 0.333, 21.806
CIE-LCH	53.821, 63.713, 30.065
CIE-LUV	53.821, 108.153, 24.686
Hunter-Lab	46.697, 49.52, 20.725
Binary	11011110, 01010000, 01001101

#de504d
```
#de504d rgb(222,80,77)
```
#4ddbde
```
#4ddbde rgb(77,219,222)
```

Complementary Color

#de4d93
```
#de4d93 rgb(222,77,147)
```
#de504d
```
#de504d rgb(222,80,77)
```
#de994d
```
#de994d rgb(222,153,77)
```

Analogous Color

#4d93de
```
#4d93de rgb(77,147,222)
```
#de504d
```
#de504d rgb(222,80,77)
```
#4dde99
```
#4dde99 rgb(77,222,153)
```

Split Complementary Color

#504dde
```
#504dde rgb(80,77,222)
```
#de504d
```
#de504d rgb(222,80,77)
```
#4dde50
```
#4dde50 rgb(77,222,80)
```

Triadic Color

#de4ddb
```
#de4ddb rgb(222,77,219)
```
#de504d
```
#de504d rgb(222,80,77)
```
#4dde50
```
#4dde50 rgb(77,222,80)
```
#4ddbde
```
#4ddbde rgb(77,219,222)
```

Tetradic Color

#bc2623
```
#bc2623 rgb(188,38,35)
```
#d12a27
```
#d12a27 rgb(209,42,39)
```
#da3b37
```
#da3b37 rgb(218,59,55)
```
#de504d
```
#de504d rgb(222,80,77)
```
#e26563
```
#e26563 rgb(226,101,99)
```
#e67a78
```
#e67a78 rgb(230,122,120)
```
#ea8f8e
```
#ea8f8e rgb(234,143,142)
```

Monochromatic Color

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

#de4d6e
```
#de4d6e rgb(222,77,110)
```
#de4d62
```
#de4d62 rgb(222,77,98)
```
#de4d56
```
#de4d56 rgb(222,77,86)
```
#de504d
```
#de504d rgb(222,80,77)
```
#de5c4d
```
#de5c4d rgb(222,92,77)
```
#de684d
```
#de684d rgb(222,104,77)
```
#de744d
```
#de744d rgb(222,116,77)
```

Similar Colors

Text with hexadecimal color #de504d

This text has a font color of #de504d.

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

#de504d background color

This paragraph has a background color of #de504d.

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

#de504d border color

This element has a border color of #de504d.

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

CSS codes

.text {color:#de504d;}

.background {background-color:#de504d;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#150404
```
#150404 rgb(21,4,4)
```
#250807
```
#250807 rgb(37,8,7)
```
#360b0a
```
#360b0a rgb(54,11,10)
```
#460e0d
```
#460e0d rgb(70,14,13)
```
#571210
```
#571210 rgb(87,18,16)
```
#671513
```
#671513 rgb(103,21,19)
```
#781816
```
#781816 rgb(120,24,22)
```
#881c19
```
#881c19 rgb(136,28,25)
```
#991f1c
```
#991f1c rgb(153,31,28)
```
#a9221f
```
#a9221f rgb(169,34,31)
```
#ba2622
```
#ba2622 rgb(186,38,34)
```
#cb2926
```
#cb2926 rgb(203,41,38)
```

Shade Color Variation

#d82f2c
```
#d82f2c rgb(216,47,44)
```
#db403c
```
#db403c rgb(219,64,60)
```
#de504d
```
#de504d rgb(222,80,77)
```
#e1605e
```
#e1605e rgb(225,96,94)
```
#e4716e
```
#e4716e rgb(228,113,110)
```
#e7817f
```
#e7817f rgb(231,129,127)
```
#ea918f
```
#ea918f rgb(234,145,143)
```
#eda1a0
```
#eda1a0 rgb(237,161,160)
```
#f0b2b0
```
#f0b2b0 rgb(240,178,176)
```
#f3c2c1
```
#f3c2c1 rgb(243,194,193)
```
#f7d2d1
```
#f7d2d1 rgb(247,210,209)
```
#fae2e2
```
#fae2e2 rgb(250,226,226)
```
#fdf3f2
```
#fdf3f2 rgb(253,243,242)
```

Tint Color Variation

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

#9d8e8e
```
#9d8e8e rgb(157,142,142)
```
#a58686
```
#a58686 rgb(165,134,134)
```
#ad7f7e
```
#ad7f7e rgb(173,127,126)
```
#b57776
```
#b57776 rgb(181,119,118)
```
#be6f6d
```
#be6f6d rgb(190,111,109)
```
#c66765
```
#c66765 rgb(198,103,101)
```
#ce605d
```
#ce605d rgb(206,96,93)
```
#d65855
```
#d65855 rgb(214,88,85)
```
#de504d
```
#de504d rgb(222,80,77)
```
#e64845
```
#e64845 rgb(230,72,69)
```
#ee403d
```
#ee403d rgb(238,64,61)
```
#f63935
```
#f63935 rgb(246,57,53)
```
#fe312d
```
#fe312d rgb(254,49,45)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8e7271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908766 Protanopia 1% of men
#a4814d Deuteranopia 1% of men
#e0585c Tritanopia 0.001% of the population

Trichromacy

#ac735d Protanomaly 1% of men, 0.01% of women
#b96f4d Deuteranomaly 6% of men, 0.4% of women
#df5557 Tritanomaly 0.01% of the population

#de504d hex color

#de504d Color Information

#de504d Color Conversion

Color Schemes with #de504d

Alternatives to #de504d

#de504d Preview

Shades and Tints of #de504d

Tones of #de504d

Color Blindness Simulator