#d53e6f hex color

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

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

● #d53e6f color description : Moderate pink.

The hexadecimal color #d53e6f has RGB values of R:213, G:62, B:111 and CMYK values of C:0, M:0.71, Y:0.48, K:0.16. Its decimal value is 13975151.

Hex triplet	d53e6f	`#d53e6f`
RGB Decimal	213, 62, 111	`rgb(213,62,111)`
RGB Percent	83.5, 24.3, 43.5	`rgb(83.5%,24.3%,43.5%)`
CMYK	0, 71, 48, 16
HSL	340.5°, 64.3, 53.9	`hsl(340.5,64.3%,53.9%)`
HSV (or HSB)	340.5°, 70.9, 83.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.384, 61.817, 6.827
XYZ	32.033, 18.742, 16.969
xyY	0.473, 0.277, 18.742
CIE-LCH	50.384, 62.192, 6.302
CIE-LUV	50.384, 100.936, -3.289
Hunter-Lab	43.292, 56.316, 7.065
Binary	11010101, 00111110, 01101111

#d53e6f
```
#d53e6f rgb(213,62,111)
```
#3ed5a4
```
#3ed5a4 rgb(62,213,164)
```

Complementary Color

#d53ebb
```
#d53ebb rgb(213,62,187)
```
#d53e6f
```
#d53e6f rgb(213,62,111)
```
#d5593e
```
#d5593e rgb(213,89,62)
```

Analogous Color

#3ebbd5
```
#3ebbd5 rgb(62,187,213)
```
#d53e6f
```
#d53e6f rgb(213,62,111)
```
#3ed559
```
#3ed559 rgb(62,213,89)
```

Split Complementary Color

#3e6fd5
```
#3e6fd5 rgb(62,111,213)
```
#d53e6f
```
#d53e6f rgb(213,62,111)
```
#6fd53e
```
#6fd53e rgb(111,213,62)
```

Triadic Color

#a43ed5
```
#a43ed5 rgb(164,62,213)
```
#d53e6f
```
#d53e6f rgb(213,62,111)
```
#6fd53e
```
#6fd53e rgb(111,213,62)
```
#3ed5a4
```
#3ed5a4 rgb(62,213,164)
```

Tetradic Color

#a3234d
```
#a3234d rgb(163,35,77)
```
#b82857
```
#b82857 rgb(184,40,87)
```
#cd2d61
```
#cd2d61 rgb(205,45,97)
```
#d53e6f
```
#d53e6f rgb(213,62,111)
```
#da537f
```
#da537f rgb(218,83,127)
```
#de688e
```
#de688e rgb(222,104,142)
```
#e37d9e
```
#e37d9e rgb(227,125,158)
```

Monochromatic Color

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

#d53e95
```
#d53e95 rgb(213,62,149)
```
#d53e88
```
#d53e88 rgb(213,62,136)
```
#d53e7c
```
#d53e7c rgb(213,62,124)
```
#d53e6f
```
#d53e6f rgb(213,62,111)
```
#d53e62
```
#d53e62 rgb(213,62,98)
```
#d53e56
```
#d53e56 rgb(213,62,86)
```
#d53e49
```
#d53e49 rgb(213,62,73)
```

Similar Colors

Text with hexadecimal color #d53e6f

This text has a font color of #d53e6f.

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

#d53e6f background color

This paragraph has a background color of #d53e6f.

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

#d53e6f border color

This element has a border color of #d53e6f.

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

CSS codes

.text {color:#d53e6f;}

.background {background-color:#d53e6f;}

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

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 #fceff3 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#100408
```
#100408 rgb(16,4,8)
```
#21070f
```
#21070f rgb(33,7,15)
```
#310b17
```
#310b17 rgb(49,11,23)
```
#410e1f
```
#410e1f rgb(65,14,31)
```
#511226
```
#511226 rgb(81,18,38)
```
#61152e
```
#61152e rgb(97,21,46)
```
#711935
```
#711935 rgb(113,25,53)
```
#811c3d
```
#811c3d rgb(129,28,61)
```
#912045
```
#912045 rgb(145,32,69)
```
#a1234c
```
#a1234c rgb(161,35,76)
```
#b22754
```
#b22754 rgb(178,39,84)
```
#c22a5b
```
#c22a5b rgb(194,42,91)
```

Shade Color Variation

#d12e63
```
#d12e63 rgb(209,46,99)
```
#d53e6f
```
#d53e6f rgb(213,62,111)
```
#d94e7b
```
#d94e7b rgb(217,78,123)
```
#dc5e87
```
#dc5e87 rgb(220,94,135)
```
#e06e93
```
#e06e93 rgb(224,110,147)
```
#e37e9f
```
#e37e9f rgb(227,126,159)
```
#e78fab
```
#e78fab rgb(231,143,171)
```
#ea9fb7
```
#ea9fb7 rgb(234,159,183)
```
#eeafc3
```
#eeafc3 rgb(238,175,195)
```
#f1bfcf
```
#f1bfcf rgb(241,191,207)
```
#f5cfdb
```
#f5cfdb rgb(245,207,219)
```
#f8dfe7
```
#f8dfe7 rgb(248,223,231)
```
#fceff3
```
#fceff3 rgb(252,239,243)
```

Tint Color Variation

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

#8d8688
```
#8d8688 rgb(141,134,136)
```
#967d85
```
#967d85 rgb(150,125,133)
```
#9f7482
```
#9f7482 rgb(159,116,130)
```
#a86b7f
```
#a86b7f rgb(168,107,127)
```
#b1627c
```
#b1627c rgb(177,98,124)
```
#ba5979
```
#ba5979 rgb(186,89,121)
```
#c35075
```
#c35075 rgb(195,80,117)
```
#cc4772
```
#cc4772 rgb(204,71,114)
```
#d53e6f
```
#d53e6f rgb(213,62,111)
```
#de356c
```
#de356c rgb(222,53,108)
```
#e72c69
```
#e72c69 rgb(231,44,105)
```
#f02365
```
#f02365 rgb(240,35,101)
```
#f91a62
```
#f91a62 rgb(249,26,98)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#856771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7d90 Protanopia 1% of men
#917a6c Deuteranopia 1% of men
#d54f54 Tritanopia 0.001% of the population

Trichromacy

#9b6684 Protanomaly 1% of men, 0.01% of women
#a9646d Deuteranomaly 6% of men, 0.4% of women
#d5495d Tritanomaly 0.01% of the population

#d53e6f hex color

#d53e6f Color Information

#d53e6f Color Conversion

Color Schemes with #d53e6f

Alternatives to #d53e6f

#d53e6f Preview

Shades and Tints of #d53e6f

Tones of #d53e6f

Color Blindness Simulator