#d81f60 hex color

In a RGB color space, hex #d81f60 is composed of 84.7% red, 12.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.6% magenta, 55.6% yellow and 15.3% black. It has a hue angle of 338.9 degrees, a saturation of 74.9% and a lightness of 48.4%. #d81f60 color hex could be obtained by blending #ff3ec0 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

● #d81f60 color description : Strong pink.

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

Hex triplet	d81f60	`#d81f60`
RGB Decimal	216, 31, 96	`rgb(216,31,96)`
RGB Percent	84.7, 12.2, 37.6	`rgb(84.7%,12.2%,37.6%)`
CMYK	0, 86, 56, 15
HSL	338.9°, 74.9, 48.4	`hsl(338.9,74.9%,48.4%)`
HSV (or HSB)	338.9°, 85.6, 84.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.53, 70.047, 12.051
XYZ	30.921, 16.427, 12.608
xyY	0.516, 0.274, 16.427
CIE-LCH	47.53, 71.076, 9.762
CIE-LUV	47.53, 120.256, 0.483
Hunter-Lab	40.53, 65.253, 9.927
Binary	11011000, 00011111, 01100000

#d81f60
```
#d81f60 rgb(216,31,96)
```
#1fd897
```
#1fd897 rgb(31,216,151)
```

Complementary Color

#d81fbd
```
#d81fbd rgb(216,31,189)
```
#d81f60
```
#d81f60 rgb(216,31,96)
```
#d83b1f
```
#d83b1f rgb(216,59,31)
```

Analogous Color

#1fbdd8
```
#1fbdd8 rgb(31,189,216)
```
#d81f60
```
#d81f60 rgb(216,31,96)
```
#1fd83a
```
#1fd83a rgb(31,216,58)
```

Split Complementary Color

#1f60d8
```
#1f60d8 rgb(31,96,216)
```
#d81f60
```
#d81f60 rgb(216,31,96)
```
#60d81f
```
#60d81f rgb(96,216,31)
```

Triadic Color

#971fd8
```
#971fd8 rgb(151,31,216)
```
#d81f60
```
#d81f60 rgb(216,31,96)
```
#60d81f
```
#60d81f rgb(96,216,31)
```
#1fd897
```
#1fd897 rgb(31,216,151)
```

Tetradic Color

#951542
```
#951542 rgb(149,21,66)
```
#ab194c
```
#ab194c rgb(171,25,76)
```
#c21c56
```
#c21c56 rgb(194,28,86)
```
#d81f60
```
#d81f60 rgb(216,31,96)
```
#e12f6e
```
#e12f6e rgb(225,47,110)
```
#e4467d
```
#e4467d rgb(228,70,125)
```
#e85c8d
```
#e85c8d rgb(232,92,141)
```

Monochromatic Color

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

#d81f8e
```
#d81f8e rgb(216,31,142)
```
#d81f7f
```
#d81f7f rgb(216,31,127)
```
#d81f6f
```
#d81f6f rgb(216,31,111)
```
#d81f60
```
#d81f60 rgb(216,31,96)
```
#d81f51
```
#d81f51 rgb(216,31,81)
```
#d81f41
```
#d81f41 rgb(216,31,65)
```
#d81f32
```
#d81f32 rgb(216,31,50)
```

Similar Colors

Text with hexadecimal color #d81f60

This text has a font color of #d81f60.

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

#d81f60 background color

This paragraph has a background color of #d81f60.

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

#d81f60 border color

This element has a border color of #d81f60.

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

CSS codes

.text {color:#d81f60;}

.background {background-color:#d81f60;}

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

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

#0a0105
```
#0a0105 rgb(10,1,5)
```
#1b040c
```
#1b040c rgb(27,4,12)
```
#2c0614
```
#2c0614 rgb(44,6,20)
```
#3e091b
```
#3e091b rgb(62,9,27)
```
#4f0b23
```
#4f0b23 rgb(79,11,35)
```
#600e2b
```
#600e2b rgb(96,14,43)
```
#711032
```
#711032 rgb(113,16,50)
```
#82133a
```
#82133a rgb(130,19,58)
```
#931542
```
#931542 rgb(147,21,66)
```
#a51849
```
#a51849 rgb(165,24,73)
```
#b61a51
```
#b61a51 rgb(182,26,81)
```
#c71d58
```
#c71d58 rgb(199,29,88)
```
#d81f60
```
#d81f60 rgb(216,31,96)
```

Shade Color Variation

#e02a6a
```
#e02a6a rgb(224,42,106)
```
#e33b76
```
#e33b76 rgb(227,59,118)
```
#e54c82
```
#e54c82 rgb(229,76,130)
```
#e85e8e
```
#e85e8e rgb(232,94,142)
```
#ea6f9a
```
#ea6f9a rgb(234,111,154)
```
#ed80a6
```
#ed80a6 rgb(237,128,166)
```
#ef91b2
```
#ef91b2 rgb(239,145,178)
```
#f2a2be
```
#f2a2be rgb(242,162,190)
```
#f4b3ca
```
#f4b3ca rgb(244,179,202)
```
#f7c5d6
```
#f7c5d6 rgb(247,197,214)
```
#f9d6e2
```
#f9d6e2 rgb(249,214,226)
```
#fce7ee
```
#fce7ee rgb(252,231,238)
```
#fef8fa
```
#fef8fa rgb(254,248,250)
```

Tint Color Variation

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

#837579
```
#837579 rgb(131,117,121)
```
#8c6b77
```
#8c6b77 rgb(140,107,119)
```
#966274
```
#966274 rgb(150,98,116)
```
#9f5871
```
#9f5871 rgb(159,88,113)
```
#a94f6e
```
#a94f6e rgb(169,79,110)
```
#b2456b
```
#b2456b rgb(178,69,107)
```
#bc3c68
```
#bc3c68 rgb(188,60,104)
```
#c53266
```
#c53266 rgb(197,50,102)
```
#cf2963
```
#cf2963 rgb(207,41,99)
```
#d81f60
```
#d81f60 rgb(216,31,96)
```
#e2165d
```
#e2165d rgb(226,22,93)
```
#eb0c5a
```
#eb0c5a rgb(235,12,90)
```
#f50258
```
#f50258 rgb(245,2,88)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#76515e Atypical Achromatopsia 0.001% of the population

Dichromacy

#757788 Protanopia 1% of men
#8c735c Deuteranopia 1% of men
#d7383a Tritanopia 0.001% of the population

Trichromacy

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

#d81f60 hex color

#d81f60 Color Information

#d81f60 Color Conversion

Color Schemes with #d81f60

Alternatives to #d81f60

#d81f60 Preview

Shades and Tints of #d81f60

Tones of #d81f60

Color Blindness Simulator