#d31333 hex color

In a RGB color space, hex #d31333 is composed of 82.7% red, 7.5% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91% magenta, 75.8% yellow and 17.3% black. It has a hue angle of 350 degrees, a saturation of 83.5% and a lightness of 45.1%. #d31333 color hex could be obtained by blending #ff2666 with #a70000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 83
- G 7
- B 20
RGB color chart
- C 0
- M 91
- Y 76
- K 17
CMYK color chart

● #d31333 color description : Strong red.

The hexadecimal color #d31333 has RGB values of R:211, G:19, B:51 and CMYK values of C:0, M:0.91, Y:0.76, K:0.17. Its decimal value is 13833011.

Hex triplet	d31333	`#d31333`
RGB Decimal	211, 19, 51	`rgb(211,19,51)`
RGB Percent	82.7, 7.5, 20	`rgb(82.7%,7.5%,20%)`
CMYK	0, 91, 76, 17
HSL	350°, 83.5, 45.1	`hsl(350,83.5%,45.1%)`
HSV (or HSB)	350°, 91, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.022, 68.459, 36.147
XYZ	27.696, 14.557, 4.483
xyY	0.593, 0.311, 14.557
CIE-LCH	45.022, 77.416, 27.834
CIE-LUV	45.022, 134.067, 21.38
Hunter-Lab	38.154, 62.803, 19.741
Binary	11010011, 00010011, 00110011

#d31333
```
#d31333 rgb(211,19,51)
```
#13d3b3
```
#13d3b3 rgb(19,211,179)
```

Complementary Color

#d31393
```
#d31393 rgb(211,19,147)
```
#d31333
```
#d31333 rgb(211,19,51)
```
#d35313
```
#d35313 rgb(211,83,19)
```

Analogous Color

#1393d3
```
#1393d3 rgb(19,147,211)
```
#d31333
```
#d31333 rgb(211,19,51)
```
#13d353
```
#13d353 rgb(19,211,83)
```

Split Complementary Color

#1333d3
```
#1333d3 rgb(19,51,211)
```
#d31333
```
#d31333 rgb(211,19,51)
```
#33d313
```
#33d313 rgb(51,211,19)
```

Triadic Color

#b313d3
```
#b313d3 rgb(179,19,211)
```
#d31333
```
#d31333 rgb(211,19,51)
```
#33d313
```
#33d313 rgb(51,211,19)
```
#13d3b3
```
#13d3b3 rgb(19,211,179)
```

Tetradic Color

#8d0d22
```
#8d0d22 rgb(141,13,34)
```
#a40f28
```
#a40f28 rgb(164,15,40)
```
#bc112d
```
#bc112d rgb(188,17,45)
```
#d31333
```
#d31333 rgb(211,19,51)
```
#ea1639
```
#ea1639 rgb(234,22,57)
```
#ec2d4d
```
#ec2d4d rgb(236,45,77)
```
#ee4461
```
#ee4461 rgb(238,68,97)
```

Monochromatic Color

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

#d31363
```
#d31363 rgb(211,19,99)
```
#d31353
```
#d31353 rgb(211,19,83)
```
#d31343
```
#d31343 rgb(211,19,67)
```
#d31333
```
#d31333 rgb(211,19,51)
```
#d31323
```
#d31323 rgb(211,19,35)
```
#d31313
```
#d31313 rgb(211,19,19)
```
#d32313
```
#d32313 rgb(211,35,19)
```

Similar Colors

Text with hexadecimal color #d31333

This text has a font color of #d31333.

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

#d31333 background color

This paragraph has a background color of #d31333.

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

#d31333 border color

This element has a border color of #d31333.

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

CSS codes

.text {color:#d31333;}

.background {background-color:#d31333;}

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

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

#0d0103
```
#0d0103 rgb(13,1,3)
```
#1f0308
```
#1f0308 rgb(31,3,8)
```
#31040c
```
#31040c rgb(49,4,12)
```
#430610
```
#430610 rgb(67,6,16)
```
#550815
```
#550815 rgb(85,8,21)
```
#670919
```
#670919 rgb(103,9,25)
```
#790b1d
```
#790b1d rgb(121,11,29)
```
#8b0d22
```
#8b0d22 rgb(139,13,34)
```
#9d0e26
```
#9d0e26 rgb(157,14,38)
```
#af102a
```
#af102a rgb(175,16,42)
```
#c1112f
```
#c1112f rgb(193,17,47)
```
#d31333
```
#d31333 rgb(211,19,51)
```
#e51537
```
#e51537 rgb(229,21,55)
```

Shade Color Variation

#eb2244
```
#eb2244 rgb(235,34,68)
```
#ed3453
```
#ed3453 rgb(237,52,83)
```
#ee4662
```
#ee4662 rgb(238,70,98)
```
#f05871
```
#f05871 rgb(240,88,113)
```
#f26a81
```
#f26a81 rgb(242,106,129)
```
#f37c90
```
#f37c90 rgb(243,124,144)
```
#f58e9f
```
#f58e9f rgb(245,142,159)
```
#f6a0ae
```
#f6a0ae rgb(246,160,174)
```
#f8b2be
```
#f8b2be rgb(248,178,190)
```
#fac4cd
```
#fac4cd rgb(250,196,205)
```
#fbd6dc
```
#fbd6dc rgb(251,214,220)
```
#fde8ec
```
#fde8ec rgb(253,232,236)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#7b6b6e
```
#7b6b6e rgb(123,107,110)
```
#836368
```
#836368 rgb(131,99,104)
```
#8c5a62
```
#8c5a62 rgb(140,90,98)
```
#95515c
```
#95515c rgb(149,81,92)
```
#9e4856
```
#9e4856 rgb(158,72,86)
```
#a73f50
```
#a73f50 rgb(167,63,80)
```
#b0364b
```
#b0364b rgb(176,54,75)
```
#b82e45
```
#b82e45 rgb(184,46,69)
```
#c1253f
```
#c1253f rgb(193,37,63)
```
#ca1c39
```
#ca1c39 rgb(202,28,57)
```
#d31333
```
#d31333 rgb(211,19,51)
```
#dc0a2d
```
#dc0a2d rgb(220,10,45)
```
#e50127
```
#e50127 rgb(229,1,39)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#6a444a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7253 Protanopia 1% of men
#8c6d30 Deuteranopia 1% of men
#d42523 Tritanopia 0.001% of the population

Trichromacy

#9a4f47 Protanomaly 1% of men, 0.01% of women
#a64c31 Deuteranomaly 6% of men, 0.4% of women
#d41e29 Tritanomaly 0.01% of the population

#d31333 hex color

#d31333 Color Information

#d31333 Color Conversion

Color Schemes with #d31333

Alternatives to #d31333

#d31333 Preview

Shades and Tints of #d31333

Tones of #d31333

Color Blindness Simulator