#d63a2a hex color

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

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

● #d63a2a color description : Strong red.

The hexadecimal color #d63a2a has RGB values of R:214, G:58, B:42 and CMYK values of C:0, M:0.73, Y:0.8, K:0.16. Its decimal value is 14039594.

Hex triplet	d63a2a	`#d63a2a`
RGB Decimal	214, 58, 42	`rgb(214,58,42)`
RGB Percent	83.9, 22.7, 16.5	`rgb(83.9%,22.7%,16.5%)`
CMYK	0, 73, 80, 16
HSL	5.6°, 67.7, 50.2	`hsl(5.6,67.7%,50.2%)`
HSV (or HSB)	5.6°, 80.4, 83.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.875, 59.522, 45.341
XYZ	29.664, 17.493, 4.005
xyY	0.58, 0.342, 17.493
CIE-LCH	48.875, 74.824, 37.298
CIE-LUV	48.875, 122.235, 31.402
Hunter-Lab	41.825, 53.408, 23.6
Binary	11010110, 00111010, 00101010

#d63a2a
```
#d63a2a rgb(214,58,42)
```
#2ac6d6
```
#2ac6d6 rgb(42,198,214)
```

Complementary Color

#d62a70
```
#d62a70 rgb(214,42,112)
```
#d63a2a
```
#d63a2a rgb(214,58,42)
```
#d6902a
```
#d6902a rgb(214,144,42)
```

Analogous Color

#2a70d6
```
#2a70d6 rgb(42,112,214)
```
#d63a2a
```
#d63a2a rgb(214,58,42)
```
#2ad690
```
#2ad690 rgb(42,214,144)
```

Split Complementary Color

#3a2ad6
```
#3a2ad6 rgb(58,42,214)
```
#d63a2a
```
#d63a2a rgb(214,58,42)
```
#2ad63a
```
#2ad63a rgb(42,214,58)
```

Triadic Color

#d62ac6
```
#d62ac6 rgb(214,42,198)
```
#d63a2a
```
#d63a2a rgb(214,58,42)
```
#2ad63a
```
#2ad63a rgb(42,214,58)
```
#2ac6d6
```
#2ac6d6 rgb(42,198,214)
```

Tetradic Color

#97281d
```
#97281d rgb(151,40,29)
```
#ac2e21
```
#ac2e21 rgb(172,46,33)
```
#c13425
```
#c13425 rgb(193,52,37)
```
#d63a2a
```
#d63a2a rgb(214,58,42)
```
#da4e3f
```
#da4e3f rgb(218,78,63)
```
#de6255
```
#de6255 rgb(222,98,85)
```
#e2756a
```
#e2756a rgb(226,117,106)
```

Monochromatic Color

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

#d62a45
```
#d62a45 rgb(214,42,69)
```
#d62a37
```
#d62a37 rgb(214,42,55)
```
#d62c2a
```
#d62c2a rgb(214,44,42)
```
#d63a2a
```
#d63a2a rgb(214,58,42)
```
#d6482a
```
#d6482a rgb(214,72,42)
```
#d6572a
```
#d6572a rgb(214,87,42)
```
#d6652a
```
#d6652a rgb(214,101,42)
```

Similar Colors

Text with hexadecimal color #d63a2a

This text has a font color of #d63a2a.

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

#d63a2a background color

This paragraph has a background color of #d63a2a.

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

#d63a2a border color

This element has a border color of #d63a2a.

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

CSS codes

.text {color:#d63a2a;}

.background {background-color:#d63a2a;}

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

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)
```
#220906
```
#220906 rgb(34,9,6)
```
#320d0a
```
#320d0a rgb(50,13,10)
```
#43120d
```
#43120d rgb(67,18,13)
```
#531610
```
#531610 rgb(83,22,16)
```
#641b13
```
#641b13 rgb(100,27,19)
```
#741f16
```
#741f16 rgb(116,31,22)
```
#842319
```
#842319 rgb(132,35,25)
```
#95281d
```
#95281d rgb(149,40,29)
```
#a52c20
```
#a52c20 rgb(165,44,32)
```
#b63123
```
#b63123 rgb(182,49,35)
```
#c63526
```
#c63526 rgb(198,53,38)
```

Shade Color Variation

#d63a2a
```
#d63a2a rgb(214,58,42)
```
#d9493a
```
#d9493a rgb(217,73,58)
```
#dc584b
```
#dc584b rgb(220,88,75)
```
#df685b
```
#df685b rgb(223,104,91)
```
#e3776c
```
#e3776c rgb(227,119,108)
```
#e6867c
```
#e6867c rgb(230,134,124)
```
#e9958d
```
#e9958d rgb(233,149,141)
```
#eca49d
```
#eca49d rgb(236,164,157)
```
#efb4ae
```
#efb4ae rgb(239,180,174)
```
#f2c3be
```
#f2c3be rgb(242,195,190)
```
#f6d2ce
```
#f6d2ce rgb(246,210,206)
```
#f9e1df
```
#f9e1df rgb(249,225,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 #fd1a03 is the most saturated one.

#887a78
```
#887a78 rgb(136,122,120)
```
#92726e
```
#92726e rgb(146,114,110)
```
#9b6a65
```
#9b6a65 rgb(155,106,101)
```
#a5625b
```
#a5625b rgb(165,98,91)
```
#af5a51
```
#af5a51 rgb(175,90,81)
```
#b95247
```
#b95247 rgb(185,82,71)
```
#c24a3e
```
#c24a3e rgb(194,74,62)
```
#cc4234
```
#cc4234 rgb(204,66,52)
```
#d63a2a
```
#d63a2a rgb(214,58,42)
```
#e03220
```
#e03220 rgb(224,50,32)
```
#ea2a16
```
#ea2a16 rgb(234,42,22)
```
#f3220d
```
#f3220d rgb(243,34,13)
```
#fd1a03
```
#fd1a03 rgb(253,26,3)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7d5e5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#877b44 Protanopia 1% of men
#997527 Deuteranopia 1% of men
#d84244 Tritanopia 0.001% of the population

Trichromacy

#a4633a Protanomaly 1% of men, 0.01% of women
#af5f28 Deuteranomaly 6% of men, 0.4% of women
#d73f3a Tritanomaly 0.01% of the population

#d63a2a hex color

#d63a2a Color Information

#d63a2a Color Conversion

Color Schemes with #d63a2a

Alternatives to #d63a2a

#d63a2a Preview

Shades and Tints of #d63a2a

Tones of #d63a2a

Color Blindness Simulator