#d31638 hex color

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

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

● #d31638 color description : Strong red.

The hexadecimal color #d31638 has RGB values of R:211, G:22, B:56 and CMYK values of C:0, M:0.9, Y:0.73, K:0.17. Its decimal value is 13833784.

Hex triplet	d31638	`#d31638`
RGB Decimal	211, 22, 56	`rgb(211,22,56)`
RGB Percent	82.7, 8.6, 22	`rgb(82.7%,8.6%,22%)`
CMYK	0, 90, 73, 17
HSL	349.2°, 81.1, 45.7	`hsl(349.2,81.1%,45.7%)`
HSV (or HSB)	349.2°, 89.6, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.237, 68.209, 33.423
XYZ	27.866, 14.712, 5.114
xyY	0.584, 0.308, 14.712
CIE-LCH	45.237, 75.958, 26.105
CIE-LUV	45.237, 132.059, 19.655
Hunter-Lab	38.356, 62.56, 18.945
Binary	11010011, 00010110, 00111000

#d31638
```
#d31638 rgb(211,22,56)
```
#16d3b1
```
#16d3b1 rgb(22,211,177)
```

Complementary Color

#d31697
```
#d31697 rgb(211,22,151)
```
#d31638
```
#d31638 rgb(211,22,56)
```
#d35216
```
#d35216 rgb(211,82,22)
```

Analogous Color

#1697d3
```
#1697d3 rgb(22,151,211)
```
#d31638
```
#d31638 rgb(211,22,56)
```
#16d352
```
#16d352 rgb(22,211,82)
```

Split Complementary Color

#1638d3
```
#1638d3 rgb(22,56,211)
```
#d31638
```
#d31638 rgb(211,22,56)
```
#38d316
```
#38d316 rgb(56,211,22)
```

Triadic Color

#b116d3
```
#b116d3 rgb(177,22,211)
```
#d31638
```
#d31638 rgb(211,22,56)
```
#38d316
```
#38d316 rgb(56,211,22)
```
#16d3b1
```
#16d3b1 rgb(22,211,177)
```

Tetradic Color

#8e0f26
```
#8e0f26 rgb(142,15,38)
```
#a5112c
```
#a5112c rgb(165,17,44)
```
#bc1432
```
#bc1432 rgb(188,20,50)
```
#d31638
```
#d31638 rgb(211,22,56)
```
#e71b40
```
#e71b40 rgb(231,27,64)
```
#ea3253
```
#ea3253 rgb(234,50,83)
```
#ec4967
```
#ec4967 rgb(236,73,103)
```

Monochromatic Color

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

#d31667
```
#d31667 rgb(211,22,103)
```
#d31658
```
#d31658 rgb(211,22,88)
```
#d31648
```
#d31648 rgb(211,22,72)
```
#d31638
```
#d31638 rgb(211,22,56)
```
#d31628
```
#d31628 rgb(211,22,40)
```
#d31619
```
#d31619 rgb(211,22,25)
```
#d32316
```
#d32316 rgb(211,35,22)
```

Similar Colors

Text with hexadecimal color #d31638

This text has a font color of #d31638.

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

#d31638 background color

This paragraph has a background color of #d31638.

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

#d31638 border color

This element has a border color of #d31638.

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

CSS codes

.text {color:#d31638;}

.background {background-color:#d31638;}

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

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)
```
#210309
```
#210309 rgb(33,3,9)
```
#33050e
```
#33050e rgb(51,5,14)
```
#450712
```
#450712 rgb(69,7,18)
```
#570917
```
#570917 rgb(87,9,23)
```
#680b1c
```
#680b1c rgb(104,11,28)
```
#7a0d20
```
#7a0d20 rgb(122,13,32)
```
#8c0f25
```
#8c0f25 rgb(140,15,37)
```
#9e102a
```
#9e102a rgb(158,16,42)
```
#af122f
```
#af122f rgb(175,18,47)
```
#c11433
```
#c11433 rgb(193,20,51)
```
#d31638
```
#d31638 rgb(211,22,56)
```
#e5183d
```
#e5183d rgb(229,24,61)
```

Shade Color Variation

#e9284a
```
#e9284a rgb(233,40,74)
```
#ea3959
```
#ea3959 rgb(234,57,89)
```
#ec4b68
```
#ec4b68 rgb(236,75,104)
```
#ee5d77
```
#ee5d77 rgb(238,93,119)
```
#f06f86
```
#f06f86 rgb(240,111,134)
```
#f28095
```
#f28095 rgb(242,128,149)
```
#f492a4
```
#f492a4 rgb(244,146,164)
```
#f6a4b3
```
#f6a4b3 rgb(246,164,179)
```
#f7b6c2
```
#f7b6c2 rgb(247,182,194)
```
#f9c8d0
```
#f9c8d0 rgb(249,200,208)
```
#fbd9df
```
#fbd9df rgb(251,217,223)
```
#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 #e5042d is the most saturated one.

#797071
```
#797071 rgb(121,112,113)
```
#82676c
```
#82676c rgb(130,103,108)
```
#8b5e66
```
#8b5e66 rgb(139,94,102)
```
#945560
```
#945560 rgb(148,85,96)
```
#9d4c5a
```
#9d4c5a rgb(157,76,90)
```
#a64355
```
#a64355 rgb(166,67,85)
```
#af3a4f
```
#af3a4f rgb(175,58,79)
```
#b83149
```
#b83149 rgb(184,49,73)
```
#c12843
```
#c12843 rgb(193,40,67)
```
#ca1f3e
```
#ca1f3e rgb(202,31,62)
```
#d31638
```
#d31638 rgb(211,22,56)
```
#dc0d32
```
#dc0d32 rgb(220,13,50)
```
#e5042d
```
#e5042d rgb(229,4,45)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#6c464d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7259 Protanopia 1% of men
#8c6d35 Deuteranopia 1% of men
#d42827 Tritanopia 0.001% of the population

Trichromacy

#9a504d Protanomaly 1% of men, 0.01% of women
#a64d36 Deuteranomaly 6% of men, 0.4% of women
#d4222d Tritanomaly 0.01% of the population

#d31638 hex color

#d31638 Color Information

#d31638 Color Conversion

Color Schemes with #d31638

Alternatives to #d31638

#d31638 Preview

Shades and Tints of #d31638

Tones of #d31638

Color Blindness Simulator