#d81f31 hex color

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

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

● #d81f31 color description : Strong red.

The hexadecimal color #d81f31 has RGB values of R:216, G:31, B:49 and CMYK values of C:0, M:0.86, Y:0.77, K:0.15. Its decimal value is 14163761.

Hex triplet	d81f31	`#d81f31`
RGB Decimal	216, 31, 49	`rgb(216,31,49)`
RGB Percent	84.7, 12.2, 19.2	`rgb(84.7%,12.2%,19.2%)`
CMYK	0, 86, 77, 15
HSL	354.2°, 74.9, 48.4	`hsl(354.2,74.9%,48.4%)`
HSV (or HSB)	354.2°, 85.6, 84.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.717, 67.681, 39.448
XYZ	29.365, 15.804, 4.41
xyY	0.592, 0.319, 15.804
CIE-LCH	46.717, 78.339, 30.236
CIE-LUV	46.717, 134.925, 24.462
Hunter-Lab	39.755, 62.278, 21.251
Binary	11011000, 00011111, 00110001

#d81f31
```
#d81f31 rgb(216,31,49)
```
#1fd8c6
```
#1fd8c6 rgb(31,216,198)
```

Complementary Color

#d81f8e
```
#d81f8e rgb(216,31,142)
```
#d81f31
```
#d81f31 rgb(216,31,49)
```
#d86a1f
```
#d86a1f rgb(216,106,31)
```

Analogous Color

#1f8ed8
```
#1f8ed8 rgb(31,142,216)
```
#d81f31
```
#d81f31 rgb(216,31,49)
```
#1fd86a
```
#1fd86a rgb(31,216,106)
```

Split Complementary Color

#1f31d8
```
#1f31d8 rgb(31,49,216)
```
#d81f31
```
#d81f31 rgb(216,31,49)
```
#31d81f
```
#31d81f rgb(49,216,31)
```

Triadic Color

#c61fd8
```
#c61fd8 rgb(198,31,216)
```
#d81f31
```
#d81f31 rgb(216,31,49)
```
#31d81f
```
#31d81f rgb(49,216,31)
```
#1fd8c6
```
#1fd8c6 rgb(31,216,198)
```

Tetradic Color

#951522
```
#951522 rgb(149,21,34)
```
#ab1927
```
#ab1927 rgb(171,25,39)
```
#c21c2c
```
#c21c2c rgb(194,28,44)
```
#d81f31
```
#d81f31 rgb(216,31,49)
```
#e12f41
```
#e12f41 rgb(225,47,65)
```
#e44655
```
#e44655 rgb(228,70,85)
```
#e85c69
```
#e85c69 rgb(232,92,105)
```

Monochromatic Color

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

#d81f5f
```
#d81f5f rgb(216,31,95)
```
#d81f50
```
#d81f50 rgb(216,31,80)
```
#d81f40
```
#d81f40 rgb(216,31,64)
```
#d81f31
```
#d81f31 rgb(216,31,49)
```
#d81f22
```
#d81f22 rgb(216,31,34)
```
#d82c1f
```
#d82c1f rgb(216,44,31)
```
#d83b1f
```
#d83b1f rgb(216,59,31)
```

Similar Colors

Text with hexadecimal color #d81f31

This text has a font color of #d81f31.

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

#d81f31 background color

This paragraph has a background color of #d81f31.

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

#d81f31 border color

This element has a border color of #d81f31.

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

CSS codes

.text {color:#d81f31;}

.background {background-color:#d81f31;}

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

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 #fef8f9 is the lightest one.

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1b0406
```
#1b0406 rgb(27,4,6)
```
#2c060a
```
#2c060a rgb(44,6,10)
```
#3e090e
```
#3e090e rgb(62,9,14)
```
#4f0b12
```
#4f0b12 rgb(79,11,18)
```
#600e16
```
#600e16 rgb(96,14,22)
```
#71101a
```
#71101a rgb(113,16,26)
```
#82131e
```
#82131e rgb(130,19,30)
```
#931521
```
#931521 rgb(147,21,33)
```
#a51825
```
#a51825 rgb(165,24,37)
```
#b61a29
```
#b61a29 rgb(182,26,41)
```
#c71d2d
```
#c71d2d rgb(199,29,45)
```
#d81f31
```
#d81f31 rgb(216,31,49)
```

Shade Color Variation

#e02a3c
```
#e02a3c rgb(224,42,60)
```
#e33b4c
```
#e33b4c rgb(227,59,76)
```
#e54c5b
```
#e54c5b rgb(229,76,91)
```
#e85e6b
```
#e85e6b rgb(232,94,107)
```
#ea6f7b
```
#ea6f7b rgb(234,111,123)
```
#ed808b
```
#ed808b rgb(237,128,139)
```
#ef919a
```
#ef919a rgb(239,145,154)
```
#f2a2aa
```
#f2a2aa rgb(242,162,170)
```
#f4b3ba
```
#f4b3ba rgb(244,179,186)
```
#f7c5c9
```
#f7c5c9 rgb(247,197,201)
```
#f9d6d9
```
#f9d6d9 rgb(249,214,217)
```
#fce7e9
```
#fce7e9 rgb(252,231,233)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#837576
```
#837576 rgb(131,117,118)
```
#8c6b6e
```
#8c6b6e rgb(140,107,110)
```
#966267
```
#966267 rgb(150,98,103)
```
#9f585f
```
#9f585f rgb(159,88,95)
```
#a94f57
```
#a94f57 rgb(169,79,87)
```
#b24550
```
#b24550 rgb(178,69,80)
```
#bc3c48
```
#bc3c48 rgb(188,60,72)
```
#c53240
```
#c53240 rgb(197,50,64)
```
#cf2939
```
#cf2939 rgb(207,41,57)
```
#d81f31
```
#d81f31 rgb(216,31,49)
```
#e21629
```
#e21629 rgb(226,22,41)
```
#eb0c22
```
#eb0c22 rgb(235,12,34)
```
#f5021a
```
#f5021a rgb(245,2,26)
```

Tone Color Variation

Below, you can see how #d81f31 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
#724d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7650 Protanopia 1% of men
#92702d Deuteranopia 1% of men
#d92d2c Tritanopia 0.001% of the population

Trichromacy

#9f5644 Protanomaly 1% of men, 0.01% of women
#ab532e Deuteranomaly 6% of men, 0.4% of women
#d9282e Tritanomaly 0.01% of the population

#d81f31 hex color

#d81f31 Color Information

#d81f31 Color Conversion

Color Schemes with #d81f31

Alternatives to #d81f31

#d81f31 Preview

Shades and Tints of #d81f31

Tones of #d81f31

Color Blindness Simulator