#d31630 hex color

In a RGB color space, hex #d31630 is composed of 82.7% red, 8.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.6% magenta, 77.3% yellow and 17.3% black. It has a hue angle of 351.7 degrees, a saturation of 81.1% and a lightness of 45.7%. #d31630 color hex could be obtained by blending #ff2c60 with #a70000. Closest websafe color is: #cc0033.

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

● #d31630 color description : Strong red.

The hexadecimal color #d31630 has RGB values of R:211, G:22, B:48 and CMYK values of C:0, M:0.9, Y:0.77, K:0.17. Its decimal value is 13833776.

Hex triplet	d31630	`#d31630`
RGB Decimal	211, 22, 48	`rgb(211,22,48)`
RGB Percent	82.7, 8.6, 18.8	`rgb(82.7%,8.6%,18.8%)`
CMYK	0, 90, 77, 17
HSL	351.7°, 81.1, 45.7	`hsl(351.7,81.1%,45.7%)`
HSV (or HSB)	351.7°, 89.6, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.137, 67.923, 38.025
XYZ	27.686, 14.64, 4.164
xyY	0.596, 0.315, 14.64
CIE-LCH	45.137, 77.843, 29.241
CIE-LUV	45.137, 134.059, 22.804
Hunter-Lab	38.262, 62.202, 20.331
Binary	11010011, 00010110, 00110000

#d31630
```
#d31630 rgb(211,22,48)
```
#16d3b9
```
#16d3b9 rgb(22,211,185)
```

Complementary Color

#d3168f
```
#d3168f rgb(211,22,143)
```
#d31630
```
#d31630 rgb(211,22,48)
```
#d35b16
```
#d35b16 rgb(211,91,22)
```

Analogous Color

#168fd3
```
#168fd3 rgb(22,143,211)
```
#d31630
```
#d31630 rgb(211,22,48)
```
#16d35b
```
#16d35b rgb(22,211,91)
```

Split Complementary Color

#1630d3
```
#1630d3 rgb(22,48,211)
```
#d31630
```
#d31630 rgb(211,22,48)
```
#30d316
```
#30d316 rgb(48,211,22)
```

Triadic Color

#b916d3
```
#b916d3 rgb(185,22,211)
```
#d31630
```
#d31630 rgb(211,22,48)
```
#30d316
```
#30d316 rgb(48,211,22)
```
#16d3b9
```
#16d3b9 rgb(22,211,185)
```

Tetradic Color

#8e0f20
```
#8e0f20 rgb(142,15,32)
```
#a51125
```
#a51125 rgb(165,17,37)
```
#bc142b
```
#bc142b rgb(188,20,43)
```
#d31630
```
#d31630 rgb(211,22,48)
```
#e71b37
```
#e71b37 rgb(231,27,55)
```
#ea324c
```
#ea324c rgb(234,50,76)
```
#ec4960
```
#ec4960 rgb(236,73,96)
```

Monochromatic Color

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

#d3165f
```
#d3165f rgb(211,22,95)
```
#d3164f
```
#d3164f rgb(211,22,79)
```
#d31640
```
#d31640 rgb(211,22,64)
```
#d31630
```
#d31630 rgb(211,22,48)
```
#d31620
```
#d31620 rgb(211,22,32)
```
#d31c16
```
#d31c16 rgb(211,28,22)
```
#d32b16
```
#d32b16 rgb(211,43,22)
```

Similar Colors

Text with hexadecimal color #d31630

This text has a font color of #d31630.

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

#d31630 background color

This paragraph has a background color of #d31630.

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

#d31630 border color

This element has a border color of #d31630.

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

CSS codes

.text {color:#d31630;}

.background {background-color:#d31630;}

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

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

#100204
```
#100204 rgb(16,2,4)
```
#210308
```
#210308 rgb(33,3,8)
```
#33050c
```
#33050c rgb(51,5,12)
```
#450710
```
#450710 rgb(69,7,16)
```
#570914
```
#570914 rgb(87,9,20)
```
#680b18
```
#680b18 rgb(104,11,24)
```
#7a0d1c
```
#7a0d1c rgb(122,13,28)
```
#8c0f20
```
#8c0f20 rgb(140,15,32)
```
#9e1024
```
#9e1024 rgb(158,16,36)
```
#af1228
```
#af1228 rgb(175,18,40)
```
#c1142c
```
#c1142c rgb(193,20,44)
```
#d31630
```
#d31630 rgb(211,22,48)
```
#e51834
```
#e51834 rgb(229,24,52)
```

Shade Color Variation

#e92842
```
#e92842 rgb(233,40,66)
```
#ea3952
```
#ea3952 rgb(234,57,82)
```
#ec4b61
```
#ec4b61 rgb(236,75,97)
```
#ee5d71
```
#ee5d71 rgb(238,93,113)
```
#f06f81
```
#f06f81 rgb(240,111,129)
```
#f28090
```
#f28090 rgb(242,128,144)
```
#f492a0
```
#f492a0 rgb(244,146,160)
```
#f6a4af
```
#f6a4af rgb(246,164,175)
```
#f7b6bf
```
#f7b6bf rgb(247,182,191)
```
#f9c8ce
```
#f9c8ce rgb(249,200,206)
```
#fbd9de
```
#fbd9de rgb(251,217,222)
```
#fdebee
```
#fdebee rgb(253,235,238)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#797071
```
#797071 rgb(121,112,113)
```
#82676a
```
#82676a rgb(130,103,106)
```
#8b5e64
```
#8b5e64 rgb(139,94,100)
```
#94555d
```
#94555d rgb(148,85,93)
```
#9d4c57
```
#9d4c57 rgb(157,76,87)
```
#a64350
```
#a64350 rgb(166,67,80)
```
#af3a4a
```
#af3a4a rgb(175,58,74)
```
#b83143
```
#b83143 rgb(184,49,67)
```
#c1283d
```
#c1283d rgb(193,40,61)
```
#ca1f36
```
#ca1f36 rgb(202,31,54)
```
#d31630
```
#d31630 rgb(211,22,48)
```
#dc0d2a
```
#dc0d2a rgb(220,13,42)
```
#e50423
```
#e50423 rgb(229,4,35)
```

Tone Color Variation

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

Dichromacy

#7b7250 Protanopia 1% of men
#8d6d2c Deuteranopia 1% of men
#d42724 Tritanopia 0.001% of the population

Trichromacy

#9b5044 Protanomaly 1% of men, 0.01% of women
#a64d2d Deuteranomaly 6% of men, 0.4% of women
#d42028 Tritanomaly 0.01% of the population

#d31630 hex color

#d31630 Color Information

#d31630 Color Conversion

Color Schemes with #d31630

Alternatives to #d31630

#d31630 Preview

Shades and Tints of #d31630

Tones of #d31630

Color Blindness Simulator