colorhexa.com

#d31a33 hex color

In a RGB color space, hex #d31a33 is composed of 82.7% red, 10.2% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.7% magenta, 75.8% yellow and 17.3% black. It has a hue angle of 351.9 degrees, a saturation of 78.1% and a lightness of 46.5%. #d31a33 color hex could be obtained by blending #ff3466 with #a70000. Closest websafe color is: #cc3333.

- R 83
- G 10
- B 20
RGB color chart
- C 0
- M 88
- Y 76
- K 17
CMYK color chart

● #d31a33 color description : Strong red.

The hexadecimal color #d31a33 has RGB values of R:211, G:26, B:51 and CMYK values of C:0, M:0.88, Y:0.76, K:0.17. Its decimal value is 13834803.

Hex triplet	d31a33	`#d31a33`
RGB Decimal	211, 26, 51	`rgb(211,26,51)`
RGB Percent	82.7, 10.2, 20	`rgb(82.7%,10.2%,20%)`
CMYK	0, 88, 76, 17
HSL	351.9°, 78.1, 46.5	`hsl(351.9,78.1%,46.5%)`
HSV (or HSB)	351.9°, 87.7, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.401, 67.369, 36.568
XYZ	27.832, 14.83, 4.529
xyY	0.59, 0.314, 14.83
CIE-LCH	45.401, 76.653, 28.493
CIE-LUV	45.401, 132.246, 22.124
Hunter-Lab	38.51, 61.614, 19.984
Binary	11010011, 00011010, 00110011

#d31a33
```
#d31a33 rgb(211,26,51)
```
#1ad3ba
```
#1ad3ba rgb(26,211,186)
```

Complementary Color

#d31a90
```
#d31a90 rgb(211,26,144)
```
#d31a33
```
#d31a33 rgb(211,26,51)
```
#d35d1a
```
#d35d1a rgb(211,93,26)
```

Analogous Color

#1a90d3
```
#1a90d3 rgb(26,144,211)
```
#d31a33
```
#d31a33 rgb(211,26,51)
```
#1ad35e
```
#1ad35e rgb(26,211,94)
```

Split Complementary Color

#1a33d3
```
#1a33d3 rgb(26,51,211)
```
#d31a33
```
#d31a33 rgb(211,26,51)
```
#33d31a
```
#33d31a rgb(51,211,26)
```

Triadic Color

#ba1ad3
```
#ba1ad3 rgb(186,26,211)
```
#d31a33
```
#d31a33 rgb(211,26,51)
```
#33d31a
```
#33d31a rgb(51,211,26)
```
#1ad3ba
```
#1ad3ba rgb(26,211,186)
```

Tetradic Color

#8f1223
```
#8f1223 rgb(143,18,35)
```
#a61428
```
#a61428 rgb(166,20,40)
```
#bc172e
```
#bc172e rgb(188,23,46)
```
#d31a33
```
#d31a33 rgb(211,26,51)
```
#e4233d
```
#e4233d rgb(228,35,61)
```
#e73951
```
#e73951 rgb(231,57,81)
```
#e95065
```
#e95065 rgb(233,80,101)
```

Monochromatic Color

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

#d31a61
```
#d31a61 rgb(211,26,97)
```
#d31a52
```
#d31a52 rgb(211,26,82)
```
#d31a42
```
#d31a42 rgb(211,26,66)
```
#d31a33
```
#d31a33 rgb(211,26,51)
```
#d31a24
```
#d31a24 rgb(211,26,36)
```
#d3201a
```
#d3201a rgb(211,32,26)
```
#d32f1a
```
#d32f1a rgb(211,47,26)
```

Similar Colors

Text with hexadecimal color #d31a33

This text has a font color of #d31a33.

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

#d31a33 background color

This paragraph has a background color of #d31a33.

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

#d31a33 border color

This element has a border color of #d31a33.

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

CSS codes

.text {color:#d31a33;}

.background {background-color:#d31a33;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130205
```
#130205 rgb(19,2,5)
```
#240409
```
#240409 rgb(36,4,9)
```
#36070d
```
#36070d rgb(54,7,13)
```
#470911
```
#470911 rgb(71,9,17)
```
#590b15
```
#590b15 rgb(89,11,21)
```
#6a0d1a
```
#6a0d1a rgb(106,13,26)
```
#7c0f1e
```
#7c0f1e rgb(124,15,30)
```
#8d1122
```
#8d1122 rgb(141,17,34)
```
#9f1426
```
#9f1426 rgb(159,20,38)
```
#b0162b
```
#b0162b rgb(176,22,43)
```
#c2182f
```
#c2182f rgb(194,24,47)
```
#d31a33
```
#d31a33 rgb(211,26,51)
```

Shade Color Variation

#e31d38
```
#e31d38 rgb(227,29,56)
```
#e52f48
```
#e52f48 rgb(229,47,72)
```
#e84057
```
#e84057 rgb(232,64,87)
```
#ea5266
```
#ea5266 rgb(234,82,102)
```
#ec6376
```
#ec6376 rgb(236,99,118)
```
#ee7585
```
#ee7585 rgb(238,117,133)
```
#f08695
```
#f08695 rgb(240,134,149)
```
#f298a4
```
#f298a4 rgb(242,152,164)
```
#f4a9b3
```
#f4a9b3 rgb(244,169,179)
```
#f7bbc3
```
#f7bbc3 rgb(247,187,195)
```
#f9ccd2
```
#f9ccd2 rgb(249,204,210)
```
#fbdee1
```
#fbdee1 rgb(251,222,225)
```
#fdeff1
```
#fdeff1 rgb(253,239,241)
```

Tint Color Variation

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

#787576
```
#787576 rgb(120,117,118)
```
#816c6f
```
#816c6f rgb(129,108,111)
```
#8a6368
```
#8a6368 rgb(138,99,104)
```
#935a62
```
#935a62 rgb(147,90,98)
```
#9c515b
```
#9c515b rgb(156,81,91)
```
#a54854
```
#a54854 rgb(165,72,84)
```
#af3e4e
```
#af3e4e rgb(175,62,78)
```
#b83547
```
#b83547 rgb(184,53,71)
```
#c12c40
```
#c12c40 rgb(193,44,64)
```
#ca233a
```
#ca233a rgb(202,35,58)
```
#d31a33
```
#d31a33 rgb(211,26,51)
```
#dc112c
```
#dc112c rgb(220,17,44)
```
#e50826
```
#e50826 rgb(229,8,38)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6d484d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7353 Protanopia 1% of men
#8e6d30 Deuteranopia 1% of men
#d42a29 Tritanopia 0.001% of the population

Trichromacy

#9b5247 Protanomaly 1% of men, 0.01% of women
#a74f31 Deuteranomaly 6% of men, 0.4% of women
#d4242c Tritanomaly 0.01% of the population