#d55060 hex color

In a RGB color space, hex #d55060 is composed of 83.5% red, 31.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.4% magenta, 54.9% yellow and 16.5% black. It has a hue angle of 352.8 degrees, a saturation of 61.3% and a lightness of 57.5%. #d55060 color hex could be obtained by blending #ffa0c0 with #ab0000. Closest websafe color is: #cc6666.

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

● #d55060 color description : Moderate red.

The hexadecimal color #d55060 has RGB values of R:213, G:80, B:96 and CMYK values of C:0, M:0.62, Y:0.55, K:0.16. Its decimal value is 13979744.

Hex triplet	d55060	`#d55060`
RGB Decimal	213, 80, 96	`rgb(213,80,96)`
RGB Percent	83.5, 31.4, 37.6	`rgb(83.5%,31.4%,37.6%)`
CMYK	0, 62, 55, 16
HSL	352.8°, 61.3, 57.5	`hsl(352.8,61.3%,57.5%)`
HSV (or HSB)	352.8°, 62.4, 83.5
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.654, 53.434, 18.986
XYZ	32.422, 20.731, 13.36
xyY	0.487, 0.312, 20.731
CIE-LCH	52.654, 56.707, 19.561
CIE-LUV	52.654, 96.071, 12.474
Hunter-Lab	45.532, 47.424, 14.475
Binary	11010101, 01010000, 01100000

#d55060
```
#d55060 rgb(213,80,96)
```
#50d5c5
```
#50d5c5 rgb(80,213,197)
```

Complementary Color

#d550a3
```
#d550a3 rgb(213,80,163)
```
#d55060
```
#d55060 rgb(213,80,96)
```
#d58350
```
#d58350 rgb(213,131,80)
```

Analogous Color

#50a3d5
```
#50a3d5 rgb(80,163,213)
```
#d55060
```
#d55060 rgb(213,80,96)
```
#50d583
```
#50d583 rgb(80,213,131)
```

Split Complementary Color

#5060d5
```
#5060d5 rgb(80,96,213)
```
#d55060
```
#d55060 rgb(213,80,96)
```
#60d550
```
#60d550 rgb(96,213,80)
```

Triadic Color

#c550d5
```
#c550d5 rgb(197,80,213)
```
#d55060
```
#d55060 rgb(213,80,96)
```
#60d550
```
#60d550 rgb(96,213,80)
```
#50d5c5
```
#50d5c5 rgb(80,213,197)
```

Tetradic Color

#af2a3a
```
#af2a3a rgb(175,42,58)
```
#c32f41
```
#c32f41 rgb(195,47,65)
```
#d03b4d
```
#d03b4d rgb(208,59,77)
```
#d55060
```
#d55060 rgb(213,80,96)
```
#da6573
```
#da6573 rgb(218,101,115)
```
#df7985
```
#df7985 rgb(223,121,133)
```
#e48e98
```
#e48e98 rgb(228,142,152)
```

Monochromatic Color

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

#d55081
```
#d55081 rgb(213,80,129)
```
#d55076
```
#d55076 rgb(213,80,118)
```
#d5506b
```
#d5506b rgb(213,80,107)
```
#d55060
```
#d55060 rgb(213,80,96)
```
#d55055
```
#d55055 rgb(213,80,85)
```
#d55650
```
#d55650 rgb(213,86,80)
```
#d56150
```
#d56150 rgb(213,97,80)
```

Similar Colors

Text with hexadecimal color #d55060

This text has a font color of #d55060.

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

#d55060 background color

This paragraph has a background color of #d55060.

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

#d55060 border color

This element has a border color of #d55060.

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

CSS codes

.text {color:#d55060;}

.background {background-color:#d55060;}

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

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, #0f0405 is the darkest color, while #fffefe is the lightest one.

#0f0405
```
#0f0405 rgb(15,4,5)
```
#1f070a
```
#1f070a rgb(31,7,10)
```
#2e0b0f
```
#2e0b0f rgb(46,11,15)
```
#3e0f15
```
#3e0f15 rgb(62,15,21)
```
#4e131a
```
#4e131a rgb(78,19,26)
```
#5e171f
```
#5e171f rgb(94,23,31)
```
#6e1a24
```
#6e1a24 rgb(110,26,36)
```
#7e1e2a
```
#7e1e2a rgb(126,30,42)
```
#8d222f
```
#8d222f rgb(141,34,47)
```
#9d2634
```
#9d2634 rgb(157,38,52)
```
#ad2a39
```
#ad2a39 rgb(173,42,57)
```
#bd2d3f
```
#bd2d3f rgb(189,45,63)
```
#cd3144
```
#cd3144 rgb(205,49,68)
```

Shade Color Variation

#d14052
```
#d14052 rgb(209,64,82)
```
#d55060
```
#d55060 rgb(213,80,96)
```
#d9606e
```
#d9606e rgb(217,96,110)
```
#dd707d
```
#dd707d rgb(221,112,125)
```
#e07f8b
```
#e07f8b rgb(224,127,139)
```
#e48f99
```
#e48f99 rgb(228,143,153)
```
#e89fa8
```
#e89fa8 rgb(232,159,168)
```
#ecafb6
```
#ecafb6 rgb(236,175,182)
```
#f0bfc5
```
#f0bfc5 rgb(240,191,197)
```
#f3cfd3
```
#f3cfd3 rgb(243,207,211)
```
#f7dee1
```
#f7dee1 rgb(247,222,225)
```
#fbeef0
```
#fbeef0 rgb(251,238,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#9b8a8c
```
#9b8a8c rgb(155,138,140)
```
#a38286
```
#a38286 rgb(163,130,134)
```
#ab7a80
```
#ab7a80 rgb(171,122,128)
```
#b47179
```
#b47179 rgb(180,113,121)
```
#bc6973
```
#bc6973 rgb(188,105,115)
```
#c4616d
```
#c4616d rgb(196,97,109)
```
#cd5866
```
#cd5866 rgb(205,88,102)
```
#d55060
```
#d55060 rgb(213,80,96)
```
#dd485a
```
#dd485a rgb(221,72,90)
```
#e63f53
```
#e63f53 rgb(230,63,83)
```
#ee374d
```
#ee374d rgb(238,55,77)
```
#f62f47
```
#f62f47 rgb(246,47,71)
```
#ff2640
```
#ff2640 rgb(255,38,64)
```

Tone Color Variation

Below, you can see how #d55060 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
#8c7275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89837a Protanopia 1% of men
#9c7f5f Deuteranopia 1% of men
#d65a5f Tritanopia 0.001% of the population

Trichromacy

#a47170 Protanomaly 1% of men, 0.01% of women
#b16d5f Deuteranomaly 6% of men, 0.4% of women
#d6565f Tritanomaly 0.01% of the population

#d55060 hex color

#d55060 Color Information

#d55060 Color Conversion

Color Schemes with #d55060

Alternatives to #d55060

#d55060 Preview

Shades and Tints of #d55060

Tones of #d55060

Color Blindness Simulator