#d53e5f hex color

In a RGB color space, hex #d53e5f is composed of 83.5% red, 24.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.9% magenta, 55.4% yellow and 16.5% black. It has a hue angle of 346.9 degrees, a saturation of 64.3% and a lightness of 53.9%. #d53e5f color hex could be obtained by blending #ff7cbe with #ab0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 84
- G 24
- B 37
RGB color chart
- C 0
- M 71
- Y 55
- K 16
CMYK color chart

● #d53e5f color description : Moderate red.

The hexadecimal color #d53e5f has RGB values of R:213, G:62, B:95 and CMYK values of C:0, M:0.71, Y:0.55, K:0.16. Its decimal value is 13975135.

Hex triplet	d53e5f	`#d53e5f`
RGB Decimal	213, 62, 95	`rgb(213,62,95)`
RGB Percent	83.5, 24.3, 37.3	`rgb(83.5%,24.3%,37.3%)`
CMYK	0, 71, 55, 16
HSL	346.9°, 64.3, 53.9	`hsl(346.9,64.3%,53.9%)`
HSV (or HSB)	346.9°, 70.9, 83.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.003, 60.528, 15.984
XYZ	31.23, 18.421, 12.737
xyY	0.501, 0.295, 18.421
CIE-LCH	50.003, 62.603, 14.793
CIE-LUV	50.003, 106.251, 7.255
Hunter-Lab	42.92, 54.773, 12.449
Binary	11010101, 00111110, 01011111

#d53e5f
```
#d53e5f rgb(213,62,95)
```
#3ed5b4
```
#3ed5b4 rgb(62,213,180)
```

Complementary Color

#d53eab
```
#d53eab rgb(213,62,171)
```
#d53e5f
```
#d53e5f rgb(213,62,95)
```
#d5693e
```
#d5693e rgb(213,105,62)
```

Analogous Color

#3eabd5
```
#3eabd5 rgb(62,171,213)
```
#d53e5f
```
#d53e5f rgb(213,62,95)
```
#3ed569
```
#3ed569 rgb(62,213,105)
```

Split Complementary Color

#3e5fd5
```
#3e5fd5 rgb(62,95,213)
```
#d53e5f
```
#d53e5f rgb(213,62,95)
```
#5fd53e
```
#5fd53e rgb(95,213,62)
```

Triadic Color

#b43ed5
```
#b43ed5 rgb(180,62,213)
```
#d53e5f
```
#d53e5f rgb(213,62,95)
```
#5fd53e
```
#5fd53e rgb(95,213,62)
```
#3ed5b4
```
#3ed5b4 rgb(62,213,180)
```

Tetradic Color

#a3233f
```
#a3233f rgb(163,35,63)
```
#b82847
```
#b82847 rgb(184,40,71)
```
#cd2d50
```
#cd2d50 rgb(205,45,80)
```
#d53e5f
```
#d53e5f rgb(213,62,95)
```
#da5370
```
#da5370 rgb(218,83,112)
```
#de6882
```
#de6882 rgb(222,104,130)
```
#e37d93
```
#e37d93 rgb(227,125,147)
```

Monochromatic Color

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

#d53e85
```
#d53e85 rgb(213,62,133)
```
#d53e78
```
#d53e78 rgb(213,62,120)
```
#d53e6c
```
#d53e6c rgb(213,62,108)
```
#d53e5f
```
#d53e5f rgb(213,62,95)
```
#d53e52
```
#d53e52 rgb(213,62,82)
```
#d53e46
```
#d53e46 rgb(213,62,70)
```
#d5433e
```
#d5433e rgb(213,67,62)
```

Similar Colors

Text with hexadecimal color #d53e5f

This text has a font color of #d53e5f.

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

#d53e5f background color

This paragraph has a background color of #d53e5f.

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

#d53e5f border color

This element has a border color of #d53e5f.

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

CSS codes

.text {color:#d53e5f;}

.background {background-color:#d53e5f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100406
```
#100406 rgb(16,4,6)
```
#21070d
```
#21070d rgb(33,7,13)
```
#310b13
```
#310b13 rgb(49,11,19)
```
#410e19
```
#410e19 rgb(65,14,25)
```
#51121f
```
#51121f rgb(81,18,31)
```
#611526
```
#611526 rgb(97,21,38)
```
#71192c
```
#71192c rgb(113,25,44)
```
#811c32
```
#811c32 rgb(129,28,50)
```
#912038
```
#912038 rgb(145,32,56)
```
#a1233f
```
#a1233f rgb(161,35,63)
```
#b22745
```
#b22745 rgb(178,39,69)
```
#c22a4b
```
#c22a4b rgb(194,42,75)
```

Shade Color Variation

#d12e52
```
#d12e52 rgb(209,46,82)
```
#d53e5f
```
#d53e5f rgb(213,62,95)
```
#d94e6c
```
#d94e6c rgb(217,78,108)
```
#dc5e7a
```
#dc5e7a rgb(220,94,122)
```
#e06e87
```
#e06e87 rgb(224,110,135)
```
#e37e94
```
#e37e94 rgb(227,126,148)
```
#e78fa2
```
#e78fa2 rgb(231,143,162)
```
#ea9faf
```
#ea9faf rgb(234,159,175)
```
#eeafbc
```
#eeafbc rgb(238,175,188)
```
#f1bfca
```
#f1bfca rgb(241,191,202)
```
#f5cfd7
```
#f5cfd7 rgb(245,207,215)
```
#f8dfe5
```
#f8dfe5 rgb(248,223,229)
```
#fceff2
```
#fceff2 rgb(252,239,242)
```

Tint Color Variation

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

#8d8688
```
#8d8688 rgb(141,134,136)
```
#967d83
```
#967d83 rgb(150,125,131)
```
#9f747e
```
#9f747e rgb(159,116,126)
```
#a86b78
```
#a86b78 rgb(168,107,120)
```
#b16273
```
#b16273 rgb(177,98,115)
```
#ba596e
```
#ba596e rgb(186,89,110)
```
#c35069
```
#c35069 rgb(195,80,105)
```
#cc4764
```
#cc4764 rgb(204,71,100)
```
#d53e5f
```
#d53e5f rgb(213,62,95)
```
#de355a
```
#de355a rgb(222,53,90)
```
#e72c55
```
#e72c55 rgb(231,44,85)
```
#f02350
```
#f02350 rgb(240,35,80)
```
#f91a4b
```
#f91a4b rgb(249,26,75)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#83656c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7d7e Protanopia 1% of men
#94795d Deuteranopia 1% of men
#d54c50 Tritanopia 0.001% of the population

Trichromacy

#9e6673 Protanomaly 1% of men, 0.01% of women
#ab635e Deuteranomaly 6% of men, 0.4% of women
#d54755 Tritanomaly 0.01% of the population

#d53e5f hex color

#d53e5f Color Information

#d53e5f Color Conversion

Color Schemes with #d53e5f

Alternatives to #d53e5f

#d53e5f Preview

Shades and Tints of #d53e5f

Tones of #d53e5f

Color Blindness Simulator