#d81e60 hex color

In a RGB color space, hex #d81e60 is composed of 84.7% red, 11.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.1% magenta, 55.6% yellow and 15.3% black. It has a hue angle of 338.7 degrees, a saturation of 75.6% and a lightness of 48.2%. #d81e60 color hex could be obtained by blending #ff3cc0 with #b10000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 85
- G 12
- B 38
RGB color chart
- C 0
- M 86
- Y 56
- K 15
CMYK color chart

● #d81e60 color description : Strong pink.

The hexadecimal color #d81e60 has RGB values of R:216, G:30, B:96 and CMYK values of C:0, M:0.86, Y:0.56, K:0.15. Its decimal value is 14163552.

Hex triplet	d81e60	`#d81e60`
RGB Decimal	216, 30, 96	`rgb(216,30,96)`
RGB Percent	84.7, 11.8, 37.6	`rgb(84.7%,11.8%,37.6%)`
CMYK	0, 86, 56, 15
HSL	338.7°, 75.6, 48.2	`hsl(338.7,75.6%,48.2%)`
HSV (or HSB)	338.7°, 86.1, 84.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.463, 70.238, 11.959
XYZ	30.896, 16.376, 12.6
xyY	0.516, 0.274, 16.376
CIE-LCH	47.463, 71.249, 9.663
CIE-LUV	47.463, 120.52, 0.332
Hunter-Lab	40.467, 65.465, 9.866
Binary	11011000, 00011110, 01100000

#d81e60
```
#d81e60 rgb(216,30,96)
```
#1ed896
```
#1ed896 rgb(30,216,150)
```

Complementary Color

#d81ebd
```
#d81ebd rgb(216,30,189)
```
#d81e60
```
#d81e60 rgb(216,30,96)
```
#d8391e
```
#d8391e rgb(216,57,30)
```

Analogous Color

#1ebdd8
```
#1ebdd8 rgb(30,189,216)
```
#d81e60
```
#d81e60 rgb(216,30,96)
```
#1ed839
```
#1ed839 rgb(30,216,57)
```

Split Complementary Color

#1e60d8
```
#1e60d8 rgb(30,96,216)
```
#d81e60
```
#d81e60 rgb(216,30,96)
```
#60d81e
```
#60d81e rgb(96,216,30)
```

Triadic Color

#961ed8
```
#961ed8 rgb(150,30,216)
```
#d81e60
```
#d81e60 rgb(216,30,96)
```
#60d81e
```
#60d81e rgb(96,216,30)
```
#1ed896
```
#1ed896 rgb(30,216,150)
```

Tetradic Color

#951542
```
#951542 rgb(149,21,66)
```
#ab184c
```
#ab184c rgb(171,24,76)
```
#c21b56
```
#c21b56 rgb(194,27,86)
```
#d81e60
```
#d81e60 rgb(216,30,96)
```
#e22e6e
```
#e22e6e rgb(226,46,110)
```
#e5447d
```
#e5447d rgb(229,68,125)
```
#e85a8d
```
#e85a8d rgb(232,90,141)
```

Monochromatic Color

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

#d81e8f
```
#d81e8f rgb(216,30,143)
```
#d81e7f
```
#d81e7f rgb(216,30,127)
```
#d81e70
```
#d81e70 rgb(216,30,112)
```
#d81e60
```
#d81e60 rgb(216,30,96)
```
#d81e51
```
#d81e51 rgb(216,30,81)
```
#d81e41
```
#d81e41 rgb(216,30,65)
```
#d81e32
```
#d81e32 rgb(216,30,50)
```

Similar Colors

Text with hexadecimal color #d81e60

This text has a font color of #d81e60.

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

#d81e60 background color

This paragraph has a background color of #d81e60.

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

#d81e60 border color

This element has a border color of #d81e60.

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

CSS codes

.text {color:#d81e60;}

.background {background-color:#d81e60;}

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

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

#090104
```
#090104 rgb(9,1,4)
```
#1b040c
```
#1b040c rgb(27,4,12)
```
#2c0613
```
#2c0613 rgb(44,6,19)
```
#3d081b
```
#3d081b rgb(61,8,27)
```
#4e0b23
```
#4e0b23 rgb(78,11,35)
```
#5f0d2a
```
#5f0d2a rgb(95,13,42)
```
#711032
```
#711032 rgb(113,16,50)
```
#82123a
```
#82123a rgb(130,18,58)
```
#931441
```
#931441 rgb(147,20,65)
```
#a41749
```
#a41749 rgb(164,23,73)
```
#b61951
```
#b61951 rgb(182,25,81)
```
#c71c58
```
#c71c58 rgb(199,28,88)
```
#d81e60
```
#d81e60 rgb(216,30,96)
```

Shade Color Variation

#e1286a
```
#e1286a rgb(225,40,106)
```
#e43a76
```
#e43a76 rgb(228,58,118)
```
#e64b82
```
#e64b82 rgb(230,75,130)
```
#e85c8e
```
#e85c8e rgb(232,92,142)
```
#eb6d9a
```
#eb6d9a rgb(235,109,154)
```
#ed7fa6
```
#ed7fa6 rgb(237,127,166)
```
#f090b2
```
#f090b2 rgb(240,144,178)
```
#f2a1be
```
#f2a1be rgb(242,161,190)
```
#f4b2ca
```
#f4b2ca rgb(244,178,202)
```
#f7c3d6
```
#f7c3d6 rgb(247,195,214)
```
#f9d5e2
```
#f9d5e2 rgb(249,213,226)
```
#fce6ee
```
#fce6ee rgb(252,230,238)
```
#fef7fa
```
#fef7fa rgb(254,247,250)
```

Tint Color Variation

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

#837379
```
#837379 rgb(131,115,121)
```
#8c6a76
```
#8c6a76 rgb(140,106,118)
```
#966073
```
#966073 rgb(150,96,115)
```
#9f5770
```
#9f5770 rgb(159,87,112)
```
#a94d6e
```
#a94d6e rgb(169,77,110)
```
#b2446b
```
#b2446b rgb(178,68,107)
```
#bc3a68
```
#bc3a68 rgb(188,58,104)
```
#c53165
```
#c53165 rgb(197,49,101)
```
#cf2763
```
#cf2763 rgb(207,39,99)
```
#d81e60
```
#d81e60 rgb(216,30,96)
```
#e1155d
```
#e1155d rgb(225,21,93)
```
#eb0b5b
```
#eb0b5b rgb(235,11,91)
```
#f40258
```
#f40258 rgb(244,2,88)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#76505e Atypical Achromatopsia 0.001% of the population

Dichromacy

#747788 Protanopia 1% of men
#8c735c Deuteranopia 1% of men
#d73839 Tritanopia 0.001% of the population

Trichromacy

#985679 Protanomaly 1% of men, 0.01% of women
#a7545d Deuteranomaly 6% of men, 0.4% of women
#d72e47 Tritanomaly 0.01% of the population

#d81e60 hex color

#d81e60 Color Information

#d81e60 Color Conversion

Color Schemes with #d81e60

Alternatives to #d81e60

#d81e60 Preview

Shades and Tints of #d81e60

Tones of #d81e60

Color Blindness Simulator