colorhexa.com

#d31b30 hex color

In a RGB color space, hex #d31b30 is composed of 82.7% red, 10.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 77.3% yellow and 17.3% black. It has a hue angle of 353.2 degrees, a saturation of 77.3% and a lightness of 46.7%. #d31b30 color hex could be obtained by blending #ff3660 with #a70000. Closest websafe color is: #cc3333.

- R 83
- G 11
- B 19
RGB color chart
- C 0
- M 87
- Y 77
- K 17
CMYK color chart

● #d31b30 color description : Strong red.

The hexadecimal color #d31b30 has RGB values of R:211, G:27, B:48 and CMYK values of C:0, M:0.87, Y:0.77, K:0.17. Its decimal value is 13835056.

Hex triplet	d31b30	`#d31b30`
RGB Decimal	211, 27, 48	`rgb(211,27,48)`
RGB Percent	82.7, 10.6, 18.8	`rgb(82.7%,10.6%,18.8%)`
CMYK	0, 87, 77, 17
HSL	353.2°, 77.3, 46.7	`hsl(353.2,77.3%,46.7%)`
HSV (or HSB)	353.2°, 87.2, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.428, 67.088, 38.338
XYZ	27.791, 14.85, 4.199
xyY	0.593, 0.317, 14.85
CIE-LCH	45.428, 77.27, 29.746
CIE-LUV	45.428, 132.651, 23.368
Hunter-Lab	38.535, 61.294, 20.514
Binary	11010011, 00011011, 00110000

#d31b30
```
#d31b30 rgb(211,27,48)
```
#1bd3be
```
#1bd3be rgb(27,211,190)
```

Complementary Color

#d31b8c
```
#d31b8c rgb(211,27,140)
```
#d31b30
```
#d31b30 rgb(211,27,48)
```
#d3621b
```
#d3621b rgb(211,98,27)
```

Analogous Color

#1b8cd3
```
#1b8cd3 rgb(27,140,211)
```
#d31b30
```
#d31b30 rgb(211,27,48)
```
#1bd362
```
#1bd362 rgb(27,211,98)
```

Split Complementary Color

#1b30d3
```
#1b30d3 rgb(27,48,211)
```
#d31b30
```
#d31b30 rgb(211,27,48)
```
#30d31b
```
#30d31b rgb(48,211,27)
```

Triadic Color

#be1bd3
```
#be1bd3 rgb(190,27,211)
```
#d31b30
```
#d31b30 rgb(211,27,48)
```
#30d31b
```
#30d31b rgb(48,211,27)
```
#1bd3be
```
#1bd3be rgb(27,211,190)
```

Tetradic Color

#8f1221
```
#8f1221 rgb(143,18,33)
```
#a61526
```
#a61526 rgb(166,21,38)
```
#bc182b
```
#bc182b rgb(188,24,43)
```
#d31b30
```
#d31b30 rgb(211,27,48)
```
#e3243a
```
#e3243a rgb(227,36,58)
```
#e63b4f
```
#e63b4f rgb(230,59,79)
```
#e95263
```
#e95263 rgb(233,82,99)
```

Monochromatic Color

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

#d31b5e
```
#d31b5e rgb(211,27,94)
```
#d31b4f
```
#d31b4f rgb(211,27,79)
```
#d31b3f
```
#d31b3f rgb(211,27,63)
```
#d31b30
```
#d31b30 rgb(211,27,48)
```
#d31b21
```
#d31b21 rgb(211,27,33)
```
#d3251b
```
#d3251b rgb(211,37,27)
```
#d3341b
```
#d3341b rgb(211,52,27)
```

Similar Colors

Text with hexadecimal color #d31b30

This text has a font color of #d31b30.

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

#d31b30 background color

This paragraph has a background color of #d31b30.

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

#d31b30 border color

This element has a border color of #d31b30.

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

CSS codes

.text {color:#d31b30;}

.background {background-color:#d31b30;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#140304
```
#140304 rgb(20,3,4)
```
#250508
```
#250508 rgb(37,5,8)
```
#36070c
```
#36070c rgb(54,7,12)
```
#480910
```
#480910 rgb(72,9,16)
```
#590b14
```
#590b14 rgb(89,11,20)
```
#6b0e18
```
#6b0e18 rgb(107,14,24)
```
#7c101c
```
#7c101c rgb(124,16,28)
```
#8d1220
```
#8d1220 rgb(141,18,32)
```
#9f1424
```
#9f1424 rgb(159,20,36)
```
#b01728
```
#b01728 rgb(176,23,40)
```
#c2192c
```
#c2192c rgb(194,25,44)
```
#d31b30
```
#d31b30 rgb(211,27,48)
```

Shade Color Variation

#e21f36
```
#e21f36 rgb(226,31,54)
```
#e53145
```
#e53145 rgb(229,49,69)
```
#e74255
```
#e74255 rgb(231,66,85)
```
#e95364
```
#e95364 rgb(233,83,100)
```
#eb6574
```
#eb6574 rgb(235,101,116)
```
#ed7684
```
#ed7684 rgb(237,118,132)
```
#f08893
```
#f08893 rgb(240,136,147)
```
#f299a3
```
#f299a3 rgb(242,153,163)
```
#f4aab3
```
#f4aab3 rgb(244,170,179)
```
#f6bcc2
```
#f6bcc2 rgb(246,188,194)
```
#f9cdd2
```
#f9cdd2 rgb(249,205,210)
```
#fbdfe2
```
#fbdfe2 rgb(251,223,226)
```
#fdf0f1
```
#fdf0f1 rgb(253,240,241)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#816d70
```
#816d70 rgb(129,109,112)
```
#8a6469
```
#8a6469 rgb(138,100,105)
```
#935b61
```
#935b61 rgb(147,91,97)
```
#9c525a
```
#9c525a rgb(156,82,90)
```
#a54953
```
#a54953 rgb(165,73,83)
```
#ae404c
```
#ae404c rgb(174,64,76)
```
#b83645
```
#b83645 rgb(184,54,69)
```
#c12d3e
```
#c12d3e rgb(193,45,62)
```
#ca2437
```
#ca2437 rgb(202,36,55)
```
#d31b30
```
#d31b30 rgb(211,27,48)
```
#dc1229
```
#dc1229 rgb(220,18,41)
```
#e50922
```
#e50922 rgb(229,9,34)
```

Tone Color Variation

Below, you can see how #d31b30 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
#6d494d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c734f Protanopia 1% of men
#8e6d2d Deuteranopia 1% of men
#d42a29 Tritanopia 0.001% of the population

Trichromacy

#9b5343 Protanomaly 1% of men, 0.01% of women
#a74f2e Deuteranomaly 6% of men, 0.4% of women
#d4242b Tritanomaly 0.01% of the population