#d31824 hex color

In a RGB color space, hex #d31824 is composed of 82.7% red, 9.4% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.6% magenta, 82.9% yellow and 17.3% black. It has a hue angle of 356.1 degrees, a saturation of 79.6% and a lightness of 46.1%. #d31824 color hex could be obtained by blending #ff3048 with #a70000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 83
- G 9
- B 14
RGB color chart
- C 0
- M 89
- Y 83
- K 17
CMYK color chart

● #d31824 color description : Strong red.

The hexadecimal color #d31824 has RGB values of R:211, G:24, B:36 and CMYK values of C:0, M:0.89, Y:0.83, K:0.17. Its decimal value is 13834276.

Hex triplet	d31824	`#d31824`
RGB Decimal	211, 24, 36	`rgb(211,24,36)`
RGB Percent	82.7, 9.4, 14.1	`rgb(82.7%,9.4%,14.1%)`
CMYK	0, 89, 83, 17
HSL	356.1°, 79.6, 46.1	`hsl(356.1,79.6%,46.1%)`
HSV (or HSB)	356.1°, 88.6, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.128, 67.262, 44.685
XYZ	27.511, 14.633, 3.045
xyY	0.609, 0.324, 14.633
CIE-LCH	45.128, 80.752, 33.598
CIE-LUV	45.128, 135.972, 26.883
Hunter-Lab	38.253, 61.428, 22.058
Binary	11010011, 00011000, 00100100

#d31824
```
#d31824 rgb(211,24,36)
```
#18d3c7
```
#18d3c7 rgb(24,211,199)
```

Complementary Color

#d31882
```
#d31882 rgb(211,24,130)
```
#d31824
```
#d31824 rgb(211,24,36)
```
#d36a18
```
#d36a18 rgb(211,106,24)
```

Analogous Color

#1882d3
```
#1882d3 rgb(24,130,211)
```
#d31824
```
#d31824 rgb(211,24,36)
```
#18d36a
```
#18d36a rgb(24,211,106)
```

Split Complementary Color

#1824d3
```
#1824d3 rgb(24,36,211)
```
#d31824
```
#d31824 rgb(211,24,36)
```
#24d318
```
#24d318 rgb(36,211,24)
```

Triadic Color

#c718d3
```
#c718d3 rgb(199,24,211)
```
#d31824
```
#d31824 rgb(211,24,36)
```
#24d318
```
#24d318 rgb(36,211,24)
```
#18d3c7
```
#18d3c7 rgb(24,211,199)
```

Tetradic Color

#8e1018
```
#8e1018 rgb(142,16,24)
```
#a5131c
```
#a5131c rgb(165,19,28)
```
#bc1520
```
#bc1520 rgb(188,21,32)
```
#d31824
```
#d31824 rgb(211,24,36)
```
#e61f2c
```
#e61f2c rgb(230,31,44)
```
#e83641
```
#e83641 rgb(232,54,65)
```
#eb4d57
```
#eb4d57 rgb(235,77,87)
```

Monochromatic Color

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

#d31853
```
#d31853 rgb(211,24,83)
```
#d31843
```
#d31843 rgb(211,24,67)
```
#d31834
```
#d31834 rgb(211,24,52)
```
#d31824
```
#d31824 rgb(211,24,36)
```
#d31c18
```
#d31c18 rgb(211,28,24)
```
#d32b18
```
#d32b18 rgb(211,43,24)
```
#d33b18
```
#d33b18 rgb(211,59,24)
```

Similar Colors

Text with hexadecimal color #d31824

This text has a font color of #d31824.

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

#d31824 background color

This paragraph has a background color of #d31824.

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

#d31824 border color

This element has a border color of #d31824.

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

CSS codes

.text {color:#d31824;}

.background {background-color:#d31824;}

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

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

#110203
```
#110203 rgb(17,2,3)
```
#230406
```
#230406 rgb(35,4,6)
```
#340609
```
#340609 rgb(52,6,9)
```
#46080c
```
#46080c rgb(70,8,12)
```
#580a0f
```
#580a0f rgb(88,10,15)
```
#690c12
```
#690c12 rgb(105,12,18)
```
#7b0e15
```
#7b0e15 rgb(123,14,21)
```
#8d1018
```
#8d1018 rgb(141,16,24)
```
#9e121b
```
#9e121b rgb(158,18,27)
```
#b0141e
```
#b0141e rgb(176,20,30)
```
#c11621
```
#c11621 rgb(193,22,33)
```
#d31824
```
#d31824 rgb(211,24,36)
```
#e51a27
```
#e51a27 rgb(229,26,39)
```

Shade Color Variation

#e72b37
```
#e72b37 rgb(231,43,55)
```
#e93d48
```
#e93d48 rgb(233,61,72)
```
#eb4f59
```
#eb4f59 rgb(235,79,89)
```
#ed6069
```
#ed6069 rgb(237,96,105)
```
#ef727a
```
#ef727a rgb(239,114,122)
```
#f1838a
```
#f1838a rgb(241,131,138)
```
#f3959b
```
#f3959b rgb(243,149,155)
```
#f5a7ac
```
#f5a7ac rgb(245,167,172)
```
#f7b8bc
```
#f7b8bc rgb(247,184,188)
```
#f9cacd
```
#f9cacd rgb(249,202,205)
```
#fbdbdd
```
#fbdbdd rgb(251,219,221)
```
#fdedee
```
#fdedee rgb(253,237,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797273
```
#797273 rgb(121,114,115)
```
#82696b
```
#82696b rgb(130,105,107)
```
#8b6063
```
#8b6063 rgb(139,96,99)
```
#94575b
```
#94575b rgb(148,87,91)
```
#9d4e53
```
#9d4e53 rgb(157,78,83)
```
#a6454b
```
#a6454b rgb(166,69,75)
```
#af3c44
```
#af3c44 rgb(175,60,68)
```
#b8333c
```
#b8333c rgb(184,51,60)
```
#c12a34
```
#c12a34 rgb(193,42,52)
```
#ca212c
```
#ca212c rgb(202,33,44)
```
#d31824
```
#d31824 rgb(211,24,36)
```
#dc0f1c
```
#dc0f1c rgb(220,15,28)
```
#e50614
```
#e50614 rgb(229,6,20)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#6b4648 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7241 Protanopia 1% of men
#8e6d1d Deuteranopia 1% of men
#d52623 Tritanopia 0.001% of the population

Trichromacy

#9c5137 Protanomaly 1% of men, 0.01% of women
#a74e1f Deuteranomaly 6% of men, 0.4% of women
#d42023 Tritanomaly 0.01% of the population

#d31824 hex color

#d31824 Color Information

#d31824 Color Conversion

Color Schemes with #d31824

Alternatives to #d31824

#d31824 Preview

Shades and Tints of #d31824

Tones of #d31824

Color Blindness Simulator