#d81f54 hex color

In a RGB color space, hex #d81f54 is composed of 84.7% red, 12.2% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.6% magenta, 61.1% yellow and 15.3% black. It has a hue angle of 342.8 degrees, a saturation of 74.9% and a lightness of 48.4%. #d81f54 color hex could be obtained by blending #ff3ea8 with #b10000. Closest websafe color is: #cc3366.

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

● #d81f54 color description : Strong pink.

The hexadecimal color #d81f54 has RGB values of R:216, G:31, B:84 and CMYK values of C:0, M:0.86, Y:0.61, K:0.15. Its decimal value is 14163796.

Hex triplet	d81f54	`#d81f54`
RGB Decimal	216, 31, 84	`rgb(216,31,84)`
RGB Percent	84.7, 12.2, 32.9	`rgb(84.7%,12.2%,32.9%)`
CMYK	0, 86, 61, 15
HSL	342.8°, 74.9, 48.4	`hsl(342.8,74.9%,48.4%)`
HSV (or HSB)	342.8°, 85.6, 84.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.265, 69.283, 19.093
XYZ	30.41, 16.223, 9.917
xyY	0.538, 0.287, 16.223
CIE-LCH	47.265, 71.865, 15.407
CIE-LUV	47.265, 124.705, 7.821
Hunter-Lab	40.277, 64.287, 13.596
Binary	11011000, 00011111, 01010100

#d81f54
```
#d81f54 rgb(216,31,84)
```
#1fd8a3
```
#1fd8a3 rgb(31,216,163)
```

Complementary Color

#d81fb1
```
#d81fb1 rgb(216,31,177)
```
#d81f54
```
#d81f54 rgb(216,31,84)
```
#d8461f
```
#d8461f rgb(216,70,31)
```

Analogous Color

#1fb1d8
```
#1fb1d8 rgb(31,177,216)
```
#d81f54
```
#d81f54 rgb(216,31,84)
```
#1fd846
```
#1fd846 rgb(31,216,70)
```

Split Complementary Color

#1f54d8
```
#1f54d8 rgb(31,84,216)
```
#d81f54
```
#d81f54 rgb(216,31,84)
```
#54d81f
```
#54d81f rgb(84,216,31)
```

Triadic Color

#a31fd8
```
#a31fd8 rgb(163,31,216)
```
#d81f54
```
#d81f54 rgb(216,31,84)
```
#54d81f
```
#54d81f rgb(84,216,31)
```
#1fd8a3
```
#1fd8a3 rgb(31,216,163)
```

Tetradic Color

#95153a
```
#95153a rgb(149,21,58)
```
#ab1943
```
#ab1943 rgb(171,25,67)
```
#c21c4b
```
#c21c4b rgb(194,28,75)
```
#d81f54
```
#d81f54 rgb(216,31,84)
```
#e12f62
```
#e12f62 rgb(225,47,98)
```
#e44673
```
#e44673 rgb(228,70,115)
```
#e85c84
```
#e85c84 rgb(232,92,132)
```

Monochromatic Color

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

#d81f82
```
#d81f82 rgb(216,31,130)
```
#d81f73
```
#d81f73 rgb(216,31,115)
```
#d81f63
```
#d81f63 rgb(216,31,99)
```
#d81f54
```
#d81f54 rgb(216,31,84)
```
#d81f45
```
#d81f45 rgb(216,31,69)
```
#d81f35
```
#d81f35 rgb(216,31,53)
```
#d81f26
```
#d81f26 rgb(216,31,38)
```

Similar Colors

Text with hexadecimal color #d81f54

This text has a font color of #d81f54.

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

#d81f54 background color

This paragraph has a background color of #d81f54.

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

#d81f54 border color

This element has a border color of #d81f54.

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

CSS codes

.text {color:#d81f54;}

.background {background-color:#d81f54;}

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

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

#0a0104
```
#0a0104 rgb(10,1,4)
```
#1b040b
```
#1b040b rgb(27,4,11)
```
#2c0611
```
#2c0611 rgb(44,6,17)
```
#3e0918
```
#3e0918 rgb(62,9,24)
```
#4f0b1f
```
#4f0b1f rgb(79,11,31)
```
#600e25
```
#600e25 rgb(96,14,37)
```
#71102c
```
#71102c rgb(113,16,44)
```
#821333
```
#821333 rgb(130,19,51)
```
#931539
```
#931539 rgb(147,21,57)
```
#a51840
```
#a51840 rgb(165,24,64)
```
#b61a47
```
#b61a47 rgb(182,26,71)
```
#c71d4d
```
#c71d4d rgb(199,29,77)
```
#d81f54
```
#d81f54 rgb(216,31,84)
```

Shade Color Variation

#e02a5e
```
#e02a5e rgb(224,42,94)
```
#e33b6b
```
#e33b6b rgb(227,59,107)
```
#e54c78
```
#e54c78 rgb(229,76,120)
```
#e85e85
```
#e85e85 rgb(232,94,133)
```
#ea6f92
```
#ea6f92 rgb(234,111,146)
```
#ed809f
```
#ed809f rgb(237,128,159)
```
#ef91ac
```
#ef91ac rgb(239,145,172)
```
#f2a2b9
```
#f2a2b9 rgb(242,162,185)
```
#f4b3c6
```
#f4b3c6 rgb(244,179,198)
```
#f7c5d3
```
#f7c5d3 rgb(247,197,211)
```
#f9d6e0
```
#f9d6e0 rgb(249,214,224)
```
#fce7ed
```
#fce7ed rgb(252,231,237)
```
#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 #f50248 is the most saturated one.

#837579
```
#837579 rgb(131,117,121)
```
#8c6b74
```
#8c6b74 rgb(140,107,116)
```
#966270
```
#966270 rgb(150,98,112)
```
#9f586c
```
#9f586c rgb(159,88,108)
```
#a94f68
```
#a94f68 rgb(169,79,104)
```
#b24564
```
#b24564 rgb(178,69,100)
```
#bc3c60
```
#bc3c60 rgb(188,60,96)
```
#c5325c
```
#c5325c rgb(197,50,92)
```
#cf2958
```
#cf2958 rgb(207,41,88)
```
#d81f54
```
#d81f54 rgb(216,31,84)
```
#e21650
```
#e21650 rgb(226,22,80)
```
#eb0c4c
```
#eb0c4c rgb(235,12,76)
```
#f50248
```
#f50248 rgb(245,2,72)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#75505a Atypical Achromatopsia 0.001% of the population

Dichromacy

#787679 Protanopia 1% of men
#8e7251 Deuteranopia 1% of men
#d83536 Tritanopia 0.001% of the population

Trichromacy

#9b566c Protanomaly 1% of men, 0.01% of women
#a95452 Deuteranomaly 6% of men, 0.4% of women
#d82d41 Tritanomaly 0.01% of the population

#d81f54 hex color

#d81f54 Color Information

#d81f54 Color Conversion

Color Schemes with #d81f54

Alternatives to #d81f54

#d81f54 Preview

Shades and Tints of #d81f54

Tones of #d81f54

Color Blindness Simulator