#d81f2a hex color

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

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

● #d81f2a color description : Strong red.

The hexadecimal color #d81f2a has RGB values of R:216, G:31, B:42 and CMYK values of C:0, M:0.86, Y:0.81, K:0.15. Its decimal value is 14163754.

Hex triplet	d81f2a	`#d81f2a`
RGB Decimal	216, 31, 42	`rgb(216,31,42)`
RGB Percent	84.7, 12.2, 16.5	`rgb(84.7%,12.2%,16.5%)`
CMYK	0, 86, 81, 15
HSL	356.4°, 74.9, 48.4	`hsl(356.4,74.9%,48.4%)`
HSV (or HSB)	356.4°, 85.6, 84.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.645, 67.469, 43.277
XYZ	29.228, 15.75, 3.691
xyY	0.601, 0.324, 15.75
CIE-LCH	46.645, 80.156, 32.678
CIE-LUV	46.645, 136.385, 26.816
Hunter-Lab	39.686, 62.013, 22.265
Binary	11011000, 00011111, 00101010

#d81f2a
```
#d81f2a rgb(216,31,42)
```
#1fd8cd
```
#1fd8cd rgb(31,216,205)
```

Complementary Color

#d81f87
```
#d81f87 rgb(216,31,135)
```
#d81f2a
```
#d81f2a rgb(216,31,42)
```
#d8711f
```
#d8711f rgb(216,113,31)
```

Analogous Color

#1f87d8
```
#1f87d8 rgb(31,135,216)
```
#d81f2a
```
#d81f2a rgb(216,31,42)
```
#1fd871
```
#1fd871 rgb(31,216,113)
```

Split Complementary Color

#1f2ad8
```
#1f2ad8 rgb(31,42,216)
```
#d81f2a
```
#d81f2a rgb(216,31,42)
```
#2ad81f
```
#2ad81f rgb(42,216,31)
```

Triadic Color

#cd1fd8
```
#cd1fd8 rgb(205,31,216)
```
#d81f2a
```
#d81f2a rgb(216,31,42)
```
#2ad81f
```
#2ad81f rgb(42,216,31)
```
#1fd8cd
```
#1fd8cd rgb(31,216,205)
```

Tetradic Color

#95151d
```
#95151d rgb(149,21,29)
```
#ab1921
```
#ab1921 rgb(171,25,33)
```
#c21c26
```
#c21c26 rgb(194,28,38)
```
#d81f2a
```
#d81f2a rgb(216,31,42)
```
#e12f3a
```
#e12f3a rgb(225,47,58)
```
#e4464f
```
#e4464f rgb(228,70,79)
```
#e85c64
```
#e85c64 rgb(232,92,100)
```

Monochromatic Color

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

#d81f58
```
#d81f58 rgb(216,31,88)
```
#d81f49
```
#d81f49 rgb(216,31,73)
```
#d81f39
```
#d81f39 rgb(216,31,57)
```
#d81f2a
```
#d81f2a rgb(216,31,42)
```
#d8231f
```
#d8231f rgb(216,35,31)
```
#d8331f
```
#d8331f rgb(216,51,31)
```
#d8421f
```
#d8421f rgb(216,66,31)
```

Similar Colors

Text with hexadecimal color #d81f2a

This text has a font color of #d81f2a.

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

#d81f2a background color

This paragraph has a background color of #d81f2a.

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

#d81f2a border color

This element has a border color of #d81f2a.

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

CSS codes

.text {color:#d81f2a;}

.background {background-color:#d81f2a;}

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

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

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1b0405
```
#1b0405 rgb(27,4,5)
```
#2c0609
```
#2c0609 rgb(44,6,9)
```
#3e090c
```
#3e090c rgb(62,9,12)
```
#4f0b0f
```
#4f0b0f rgb(79,11,15)
```
#600e13
```
#600e13 rgb(96,14,19)
```
#711016
```
#711016 rgb(113,16,22)
```
#821319
```
#821319 rgb(130,19,25)
```
#93151d
```
#93151d rgb(147,21,29)
```
#a51820
```
#a51820 rgb(165,24,32)
```
#b61a23
```
#b61a23 rgb(182,26,35)
```
#c71d27
```
#c71d27 rgb(199,29,39)
```
#d81f2a
```
#d81f2a rgb(216,31,42)
```

Shade Color Variation

#e02a35
```
#e02a35 rgb(224,42,53)
```
#e33b45
```
#e33b45 rgb(227,59,69)
```
#e54c56
```
#e54c56 rgb(229,76,86)
```
#e85e66
```
#e85e66 rgb(232,94,102)
```
#ea6f76
```
#ea6f76 rgb(234,111,118)
```
#ed8086
```
#ed8086 rgb(237,128,134)
```
#ef9197
```
#ef9197 rgb(239,145,151)
```
#f2a2a7
```
#f2a2a7 rgb(242,162,167)
```
#f4b3b7
```
#f4b3b7 rgb(244,179,183)
```
#f7c5c8
```
#f7c5c8 rgb(247,197,200)
```
#f9d6d8
```
#f9d6d8 rgb(249,214,216)
```
#fce7e8
```
#fce7e8 rgb(252,231,232)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#837575
```
#837575 rgb(131,117,117)
```
#8c6b6d
```
#8c6b6d rgb(140,107,109)
```
#966265
```
#966265 rgb(150,98,101)
```
#9f585c
```
#9f585c rgb(159,88,92)
```
#a94f54
```
#a94f54 rgb(169,79,84)
```
#b2454b
```
#b2454b rgb(178,69,75)
```
#bc3c43
```
#bc3c43 rgb(188,60,67)
```
#c5323b
```
#c5323b rgb(197,50,59)
```
#cf2932
```
#cf2932 rgb(207,41,50)
```
#d81f2a
```
#d81f2a rgb(216,31,42)
```
#e21622
```
#e21622 rgb(226,22,34)
```
#eb0c19
```
#eb0c19 rgb(235,12,25)
```
#f50211
```
#f50211 rgb(245,2,17)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#724d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#807648 Protanopia 1% of men
#927025 Deuteranopia 1% of men
#d92c2b Tritanopia 0.001% of the population

Trichromacy

#a0563d Protanomaly 1% of men, 0.01% of women
#ab5226 Deuteranomaly 6% of men, 0.4% of women
#d9272a Tritanomaly 0.01% of the population

#d81f2a hex color

#d81f2a Color Information

#d81f2a Color Conversion

Color Schemes with #d81f2a

Alternatives to #d81f2a

#d81f2a Preview

Shades and Tints of #d81f2a

Tones of #d81f2a

Color Blindness Simulator