#d53f60 hex color

In a RGB color space, hex #d53f60 is composed of 83.5% red, 24.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.4% magenta, 54.9% yellow and 16.5% black. It has a hue angle of 346.8 degrees, a saturation of 64.1% and a lightness of 54.1%. #d53f60 color hex could be obtained by blending #ff7ec0 with #ab0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 84
- G 25
- B 38
RGB color chart
- C 0
- M 70
- Y 55
- K 16
CMYK color chart

● #d53f60 color description : Moderate red.

The hexadecimal color #d53f60 has RGB values of R:213, G:63, B:96 and CMYK values of C:0, M:0.7, Y:0.55, K:0.16. Its decimal value is 13975392.

Hex triplet	d53f60	`#d53f60`
RGB Decimal	213, 63, 96	`rgb(213,63,96)`
RGB Percent	83.5, 24.7, 37.6	`rgb(83.5%,24.7%,37.6%)`
CMYK	0, 70, 55, 16
HSL	346.8°, 64.1, 54.1	`hsl(346.8,64.1%,54.1%)`
HSV (or HSB)	346.8°, 70.4, 83.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.155, 60.24, 15.588
XYZ	31.33, 18.549, 12.996
xyY	0.498, 0.295, 18.549
CIE-LCH	50.155, 62.224, 14.508
CIE-LUV	50.155, 105.437, 6.922
Hunter-Lab	43.069, 54.481, 12.257
Binary	11010101, 00111111, 01100000

#d53f60
```
#d53f60 rgb(213,63,96)
```
#3fd5b4
```
#3fd5b4 rgb(63,213,180)
```

Complementary Color

#d53fab
```
#d53fab rgb(213,63,171)
```
#d53f60
```
#d53f60 rgb(213,63,96)
```
#d5693f
```
#d5693f rgb(213,105,63)
```

Analogous Color

#3fabd5
```
#3fabd5 rgb(63,171,213)
```
#d53f60
```
#d53f60 rgb(213,63,96)
```
#3fd569
```
#3fd569 rgb(63,213,105)
```

Split Complementary Color

#3f60d5
```
#3f60d5 rgb(63,96,213)
```
#d53f60
```
#d53f60 rgb(213,63,96)
```
#60d53f
```
#60d53f rgb(96,213,63)
```

Triadic Color

#b43fd5
```
#b43fd5 rgb(180,63,213)
```
#d53f60
```
#d53f60 rgb(213,63,96)
```
#60d53f
```
#60d53f rgb(96,213,63)
```
#3fd5b4
```
#3fd5b4 rgb(63,213,180)
```

Tetradic Color

#a42440
```
#a42440 rgb(164,36,64)
```
#b92848
```
#b92848 rgb(185,40,72)
```
#ce2d50
```
#ce2d50 rgb(206,45,80)
```
#d53f60
```
#d53f60 rgb(213,63,96)
```
#da5471
```
#da5471 rgb(218,84,113)
```
#de6983
```
#de6983 rgb(222,105,131)
```
#e37e94
```
#e37e94 rgb(227,126,148)
```

Monochromatic Color

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

#d53f86
```
#d53f86 rgb(213,63,134)
```
#d53f79
```
#d53f79 rgb(213,63,121)
```
#d53f6d
```
#d53f6d rgb(213,63,109)
```
#d53f60
```
#d53f60 rgb(213,63,96)
```
#d53f54
```
#d53f54 rgb(213,63,84)
```
#d53f47
```
#d53f47 rgb(213,63,71)
```
#d5443f
```
#d5443f rgb(213,68,63)
```

Similar Colors

Text with hexadecimal color #d53f60

This text has a font color of #d53f60.

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

#d53f60 background color

This paragraph has a background color of #d53f60.

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

#d53f60 border color

This element has a border color of #d53f60.

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

CSS codes

.text {color:#d53f60;}

.background {background-color:#d53f60;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110407
```
#110407 rgb(17,4,7)
```
#21070d
```
#21070d rgb(33,7,13)
```
#310b13
```
#310b13 rgb(49,11,19)
```
#420e1a
```
#420e1a rgb(66,14,26)
```
#521220
```
#521220 rgb(82,18,32)
```
#621526
```
#621526 rgb(98,21,38)
```
#72192c
```
#72192c rgb(114,25,44)
```
#821c33
```
#821c33 rgb(130,28,51)
```
#922039
```
#922039 rgb(146,32,57)
```
#a2233f
```
#a2233f rgb(162,35,63)
```
#b22746
```
#b22746 rgb(178,39,70)
```
#c22a4c
```
#c22a4c rgb(194,42,76)
```

Shade Color Variation

#d12f53
```
#d12f53 rgb(209,47,83)
```
#d53f60
```
#d53f60 rgb(213,63,96)
```
#d94f6d
```
#d94f6d rgb(217,79,109)
```
#dc5f7b
```
#dc5f7b rgb(220,95,123)
```
#e06f88
```
#e06f88 rgb(224,111,136)
```
#e37f95
```
#e37f95 rgb(227,127,149)
```
#e78fa3
```
#e78fa3 rgb(231,143,163)
```
#eaa0b0
```
#eaa0b0 rgb(234,160,176)
```
#eeb0bd
```
#eeb0bd rgb(238,176,189)
```
#f1c0cb
```
#f1c0cb rgb(241,192,203)
```
#f5d0d8
```
#f5d0d8 rgb(245,208,216)
```
#f8e0e5
```
#f8e0e5 rgb(248,224,229)
```
#fcf0f3
```
#fcf0f3 rgb(252,240,243)
```

Tint Color Variation

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

#8d8788
```
#8d8788 rgb(141,135,136)
```
#967e83
```
#967e83 rgb(150,126,131)
```
#9f757e
```
#9f757e rgb(159,117,126)
```
#a86c79
```
#a86c79 rgb(168,108,121)
```
#b16374
```
#b16374 rgb(177,99,116)
```
#ba5a6f
```
#ba5a6f rgb(186,90,111)
```
#c3516a
```
#c3516a rgb(195,81,106)
```
#cc4865
```
#cc4865 rgb(204,72,101)
```
#d53f60
```
#d53f60 rgb(213,63,96)
```
#de365b
```
#de365b rgb(222,54,91)
```
#e72d56
```
#e72d56 rgb(231,45,86)
```
#f02451
```
#f02451 rgb(240,36,81)
```
#f91b4c
```
#f91b4c rgb(249,27,76)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#84666d Atypical Achromatopsia 0.001% of the population

Dichromacy

#807d7f Protanopia 1% of men
#94795e Deuteranopia 1% of men
#d54d51 Tritanopia 0.001% of the population

Trichromacy

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

#d53f60 hex color

#d53f60 Color Information

#d53f60 Color Conversion

Color Schemes with #d53f60

Alternatives to #d53f60

#d53f60 Preview

Shades and Tints of #d53f60

Tones of #d53f60

Color Blindness Simulator