#d63e2a hex color

In a RGB color space, hex #d63e2a is composed of 83.9% red, 24.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 80.4% yellow and 16.1% black. It has a hue angle of 7 degrees, a saturation of 67.7% and a lightness of 50.2%. #d63e2a color hex could be obtained by blending #ff7c54 with #ad0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 84
- G 24
- B 16
RGB color chart
- C 0
- M 71
- Y 80
- K 16
CMYK color chart

● #d63e2a color description : Strong red.

The hexadecimal color #d63e2a has RGB values of R:214, G:62, B:42 and CMYK values of C:0, M:0.71, Y:0.8, K:0.16. Its decimal value is 14040618.

Hex triplet	d63e2a	`#d63e2a`
RGB Decimal	214, 62, 42	`rgb(214,62,42)`
RGB Percent	83.9, 24.3, 16.5	`rgb(83.9%,24.3%,16.5%)`
CMYK	0, 71, 80, 16
HSL	7°, 67.7, 50.2	`hsl(7,67.7%,50.2%)`
HSV (or HSB)	7°, 80.4, 83.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.389, 58.103, 45.843
XYZ	29.874, 17.912, 4.075
xyY	0.576, 0.345, 17.912
CIE-LCH	49.389, 74.01, 38.273
CIE-LUV	49.389, 119.846, 32.352
Hunter-Lab	42.323, 51.93, 23.918
Binary	11010110, 00111110, 00101010

#d63e2a
```
#d63e2a rgb(214,62,42)
```
#2ac2d6
```
#2ac2d6 rgb(42,194,214)
```

Complementary Color

#d62a6c
```
#d62a6c rgb(214,42,108)
```
#d63e2a
```
#d63e2a rgb(214,62,42)
```
#d6942a
```
#d6942a rgb(214,148,42)
```

Analogous Color

#2a6cd6
```
#2a6cd6 rgb(42,108,214)
```
#d63e2a
```
#d63e2a rgb(214,62,42)
```
#2ad694
```
#2ad694 rgb(42,214,148)
```

Split Complementary Color

#3e2ad6
```
#3e2ad6 rgb(62,42,214)
```
#d63e2a
```
#d63e2a rgb(214,62,42)
```
#2ad63e
```
#2ad63e rgb(42,214,62)
```

Triadic Color

#d62ac2
```
#d62ac2 rgb(214,42,194)
```
#d63e2a
```
#d63e2a rgb(214,62,42)
```
#2ad63e
```
#2ad63e rgb(42,214,62)
```
#2ac2d6
```
#2ac2d6 rgb(42,194,214)
```

Tetradic Color

#972b1d
```
#972b1d rgb(151,43,29)
```
#ac3121
```
#ac3121 rgb(172,49,33)
```
#c13725
```
#c13725 rgb(193,55,37)
```
#d63e2a
```
#d63e2a rgb(214,62,42)
```
#da513f
```
#da513f rgb(218,81,63)
```
#de6555
```
#de6555 rgb(222,101,85)
```
#e2786a
```
#e2786a rgb(226,120,106)
```

Monochromatic Color

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

#d62a41
```
#d62a41 rgb(214,42,65)
```
#d62a33
```
#d62a33 rgb(214,42,51)
```
#d6302a
```
#d6302a rgb(214,48,42)
```
#d63e2a
```
#d63e2a rgb(214,62,42)
```
#d64c2a
```
#d64c2a rgb(214,76,42)
```
#d65b2a
```
#d65b2a rgb(214,91,42)
```
#d6692a
```
#d6692a rgb(214,105,42)
```

Similar Colors

Text with hexadecimal color #d63e2a

This text has a font color of #d63e2a.

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

#d63e2a background color

This paragraph has a background color of #d63e2a.

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

#d63e2a border color

This element has a border color of #d63e2a.

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

CSS codes

.text {color:#d63e2a;}

.background {background-color:#d63e2a;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110503
```
#110503 rgb(17,5,3)
```
#220a06
```
#220a06 rgb(34,10,6)
```
#320e0a
```
#320e0a rgb(50,14,10)
```
#43130d
```
#43130d rgb(67,19,13)
```
#531810
```
#531810 rgb(83,24,16)
```
#641d13
```
#641d13 rgb(100,29,19)
```
#742116
```
#742116 rgb(116,33,22)
```
#842619
```
#842619 rgb(132,38,25)
```
#952b1d
```
#952b1d rgb(149,43,29)
```
#a52f20
```
#a52f20 rgb(165,47,32)
```
#b63423
```
#b63423 rgb(182,52,35)
```
#c63926
```
#c63926 rgb(198,57,38)
```

Shade Color Variation

#d63e2a
```
#d63e2a rgb(214,62,42)
```
#d94d3a
```
#d94d3a rgb(217,77,58)
```
#dc5c4b
```
#dc5c4b rgb(220,92,75)
```
#df6b5b
```
#df6b5b rgb(223,107,91)
```
#e37a6c
```
#e37a6c rgb(227,122,108)
```
#e6897c
```
#e6897c rgb(230,137,124)
```
#e9978d
```
#e9978d rgb(233,151,141)
```
#eca69d
```
#eca69d rgb(236,166,157)
```
#efb5ae
```
#efb5ae rgb(239,181,174)
```
#f2c4be
```
#f2c4be rgb(242,196,190)
```
#f6d3ce
```
#f6d3ce rgb(246,211,206)
```
#f9e2df
```
#f9e2df rgb(249,226,223)
```
#fcf1ef
```
#fcf1ef rgb(252,241,239)
```

Tint Color Variation

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

#887a78
```
#887a78 rgb(136,122,120)
```
#92726e
```
#92726e rgb(146,114,110)
```
#9b6b65
```
#9b6b65 rgb(155,107,101)
```
#a5635b
```
#a5635b rgb(165,99,91)
```
#af5c51
```
#af5c51 rgb(175,92,81)
```
#b95447
```
#b95447 rgb(185,84,71)
```
#c24d3e
```
#c24d3e rgb(194,77,62)
```
#cc4534
```
#cc4534 rgb(204,69,52)
```
#d63e2a
```
#d63e2a rgb(214,62,42)
```
#e03720
```
#e03720 rgb(224,55,32)
```
#ea2f16
```
#ea2f16 rgb(234,47,22)
```
#f3280d
```
#f3280d rgb(243,40,13)
```
#fd2003
```
#fd2003 rgb(253,32,3)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7f605c Atypical Achromatopsia 0.001% of the population

Dichromacy

#887c43 Protanopia 1% of men
#9a7627 Deuteranopia 1% of men
#d84548 Tritanopia 0.001% of the population

Trichromacy

#a4653a Protanomaly 1% of men, 0.01% of women
#b06228 Deuteranomaly 6% of men, 0.4% of women
#d7423d Tritanomaly 0.01% of the population

#d63e2a hex color

#d63e2a Color Information

#d63e2a Color Conversion

Color Schemes with #d63e2a

Alternatives to #d63e2a

#d63e2a Preview

Shades and Tints of #d63e2a

Tones of #d63e2a

Color Blindness Simulator