#d63331 hex color

In a RGB color space, hex #d63331 is composed of 83.9% red, 20% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.2% magenta, 77.1% yellow and 16.1% black. It has a hue angle of 0.7 degrees, a saturation of 66.8% and a lightness of 51.6%. #d63331 color hex could be obtained by blending #ff6662 with #ad0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 84
- G 20
- B 19
RGB color chart
- C 0
- M 76
- Y 77
- K 16
CMYK color chart

● #d63331 color description : Strong red.

The hexadecimal color #d63331 has RGB values of R:214, G:51, B:49 and CMYK values of C:0, M:0.76, Y:0.77, K:0.16. Its decimal value is 14037809.

Hex triplet	d63331	`#d63331`
RGB Decimal	214, 51, 49	`rgb(214,51,49)`
RGB Percent	83.9, 20, 19.2	`rgb(83.9%,20%,19.2%)`
CMYK	0, 76, 77, 16
HSL	0.7°, 66.8, 51.6	`hsl(0.7,66.8%,51.6%)`
HSV (or HSB)	0.7°, 77.1, 83.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.12, 62.041, 40.826
XYZ	29.471, 16.889, 4.614
xyY	0.578, 0.331, 16.889
CIE-LCH	48.12, 74.269, 33.347
CIE-LUV	48.12, 124.829, 27.563
Hunter-Lab	41.096, 56.088, 22.111
Binary	11010110, 00110011, 00110001

#d63331
```
#d63331 rgb(214,51,49)
```
#31d4d6
```
#31d4d6 rgb(49,212,214)
```

Complementary Color

#d63182
```
#d63182 rgb(214,49,130)
```
#d63331
```
#d63331 rgb(214,51,49)
```
#d68631
```
#d68631 rgb(214,134,49)
```

Analogous Color

#3182d6
```
#3182d6 rgb(49,130,214)
```
#d63331
```
#d63331 rgb(214,51,49)
```
#31d686
```
#31d686 rgb(49,214,134)
```

Split Complementary Color

#3331d6
```
#3331d6 rgb(51,49,214)
```
#d63331
```
#d63331 rgb(214,51,49)
```
#31d633
```
#31d633 rgb(49,214,51)
```

Triadic Color

#d631d4
```
#d631d4 rgb(214,49,212)
```
#d63331
```
#d63331 rgb(214,51,49)
```
#31d633
```
#31d633 rgb(49,214,51)
```
#31d4d6
```
#31d4d6 rgb(49,212,214)
```

Tetradic Color

#9c201f
```
#9c201f rgb(156,32,31)
```
#b12523
```
#b12523 rgb(177,37,35)
```
#c62927
```
#c62927 rgb(198,41,39)
```
#d63331
```
#d63331 rgb(214,51,49)
```
#da4846
```
#da4846 rgb(218,72,70)
```
#de5d5c
```
#de5d5c rgb(222,93,92)
```
#e37271
```
#e37271 rgb(227,114,113)
```

Monochromatic Color

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

#d63158
```
#d63158 rgb(214,49,88)
```
#d6314b
```
#d6314b rgb(214,49,75)
```
#d6313d
```
#d6313d rgb(214,49,61)
```
#d63331
```
#d63331 rgb(214,51,49)
```
#d64131
```
#d64131 rgb(214,65,49)
```
#d64e31
```
#d64e31 rgb(214,78,49)
```
#d65c31
```
#d65c31 rgb(214,92,49)
```

Similar Colors

Text with hexadecimal color #d63331

This text has a font color of #d63331.

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

#d63331 background color

This paragraph has a background color of #d63331.

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

#d63331 border color

This element has a border color of #d63331.

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

CSS codes

.text {color:#d63331;}

.background {background-color:#d63331;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#170505
```
#170505 rgb(23,5,5)
```
#270808
```
#270808 rgb(39,8,8)
```
#380c0b
```
#380c0b rgb(56,12,11)
```
#480f0e
```
#480f0e rgb(72,15,14)
```
#581212
```
#581212 rgb(88,18,18)
```
#691615
```
#691615 rgb(105,22,21)
```
#791918
```
#791918 rgb(121,25,24)
```
#8a1d1b
```
#8a1d1b rgb(138,29,27)
```
#9a201f
```
#9a201f rgb(154,32,31)
```
#aa2422
```
#aa2422 rgb(170,36,34)
```
#bb2725
```
#bb2725 rgb(187,39,37)
```
#cb2a28
```
#cb2a28 rgb(203,42,40)
```

Shade Color Variation

#d63331
```
#d63331 rgb(214,51,49)
```
#d94341
```
#d94341 rgb(217,67,65)
```
#dd5352
```
#dd5352 rgb(221,83,82)
```
#e06462
```
#e06462 rgb(224,100,98)
```
#e37472
```
#e37472 rgb(227,116,114)
```
#e68483
```
#e68483 rgb(230,132,131)
```
#ea9493
```
#ea9493 rgb(234,148,147)
```
#eda4a4
```
#eda4a4 rgb(237,164,164)
```
#f0b5b4
```
#f0b5b4 rgb(240,181,180)
```
#f3c5c4
```
#f3c5c4 rgb(243,197,196)
```
#f7d5d5
```
#f7d5d5 rgb(247,213,213)
```
#fae5e5
```
#fae5e5 rgb(250,229,229)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,245)
```

Tint Color Variation

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

#8a7d7d
```
#8a7d7d rgb(138,125,125)
```
#947474
```
#947474 rgb(148,116,116)
```
#9d6b6a
```
#9d6b6a rgb(157,107,106)
```
#a76161
```
#a76161 rgb(167,97,97)
```
#b05857
```
#b05857 rgb(176,88,87)
```
#ba4f4e
```
#ba4f4e rgb(186,79,78)
```
#c34644
```
#c34644 rgb(195,70,68)
```
#cd3c3b
```
#cd3c3b rgb(205,60,59)
```
#d63331
```
#d63331 rgb(214,51,49)
```
#e02a28
```
#e02a28 rgb(224,42,40)
```
#e9201e
```
#e9201e rgb(233,32,30)
```
#f31715
```
#f31715 rgb(243,23,21)
```
#fc0e0b
```
#fc0e0b rgb(252,14,11)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#7b5a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#84794c Protanopia 1% of men
#96732e Deuteranopia 1% of men
#d83d3f Tritanopia 0.001% of the population

Trichromacy

#a25f42 Protanomaly 1% of men, 0.01% of women
#ad5c2f Deuteranomaly 6% of men, 0.4% of women
#d73939 Tritanomaly 0.01% of the population

#d63331 hex color

#d63331 Color Information

#d63331 Color Conversion

Color Schemes with #d63331

Alternatives to #d63331

#d63331 Preview

Shades and Tints of #d63331

Tones of #d63331

Color Blindness Simulator