#d63f2a hex color

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

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

● #d63f2a color description : Strong red.

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

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

CIE-LAB	49.523, 57.736, 45.972
XYZ	29.928, 18.022, 4.093
xyY	0.575, 0.346, 18.022
CIE-LCH	49.523, 73.804, 38.528
CIE-LUV	49.523, 119.231, 32.598
Hunter-Lab	42.452, 51.55, 24
Binary	11010110, 00111111, 00101010

#d63f2a
```
#d63f2a rgb(214,63,42)
```
#2ac1d6
```
#2ac1d6 rgb(42,193,214)
```

Complementary Color

#d62a6b
```
#d62a6b rgb(214,42,107)
```
#d63f2a
```
#d63f2a rgb(214,63,42)
```
#d6952a
```
#d6952a rgb(214,149,42)
```

Analogous Color

#2a6bd6
```
#2a6bd6 rgb(42,107,214)
```
#d63f2a
```
#d63f2a rgb(214,63,42)
```
#2ad695
```
#2ad695 rgb(42,214,149)
```

Split Complementary Color

#3f2ad6
```
#3f2ad6 rgb(63,42,214)
```
#d63f2a
```
#d63f2a rgb(214,63,42)
```
#2ad63f
```
#2ad63f rgb(42,214,63)
```

Triadic Color

#d62ac1
```
#d62ac1 rgb(214,42,193)
```
#d63f2a
```
#d63f2a rgb(214,63,42)
```
#2ad63f
```
#2ad63f rgb(42,214,63)
```
#2ac1d6
```
#2ac1d6 rgb(42,193,214)
```

Tetradic Color

#972c1d
```
#972c1d rgb(151,44,29)
```
#ac3221
```
#ac3221 rgb(172,50,33)
```
#c13825
```
#c13825 rgb(193,56,37)
```
#d63f2a
```
#d63f2a rgb(214,63,42)
```
#da523f
```
#da523f rgb(218,82,63)
```
#de6655
```
#de6655 rgb(222,102,85)
```
#e2796a
```
#e2796a rgb(226,121,106)
```

Monochromatic Color

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

#d62a40
```
#d62a40 rgb(214,42,64)
```
#d62a32
```
#d62a32 rgb(214,42,50)
```
#d6312a
```
#d6312a rgb(214,49,42)
```
#d63f2a
```
#d63f2a rgb(214,63,42)
```
#d64d2a
```
#d64d2a rgb(214,77,42)
```
#d65c2a
```
#d65c2a rgb(214,92,42)
```
#d66a2a
```
#d66a2a rgb(214,106,42)
```

Similar Colors

Text with hexadecimal color #d63f2a

This text has a font color of #d63f2a.

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

#d63f2a background color

This paragraph has a background color of #d63f2a.

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

#d63f2a border color

This element has a border color of #d63f2a.

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

CSS codes

.text {color:#d63f2a;}

.background {background-color:#d63f2a;}

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

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)
```
#320f0a
```
#320f0a rgb(50,15,10)
```
#43130d
```
#43130d rgb(67,19,13)
```
#531810
```
#531810 rgb(83,24,16)
```
#641d13
```
#641d13 rgb(100,29,19)
```
#742216
```
#742216 rgb(116,34,22)
```
#842719
```
#842719 rgb(132,39,25)
```
#952b1d
```
#952b1d rgb(149,43,29)
```
#a53020
```
#a53020 rgb(165,48,32)
```
#b63523
```
#b63523 rgb(182,53,35)
```
#c63a26
```
#c63a26 rgb(198,58,38)
```

Shade Color Variation

#d63f2a
```
#d63f2a rgb(214,63,42)
```
#d94e3a
```
#d94e3a rgb(217,78,58)
```
#dc5d4b
```
#dc5d4b rgb(220,93,75)
```
#df6b5b
```
#df6b5b rgb(223,107,91)
```
#e37a6c
```
#e37a6c rgb(227,122,108)
```
#e6897c
```
#e6897c rgb(230,137,124)
```
#e9988d
```
#e9988d rgb(233,152,141)
```
#eca79d
```
#eca79d rgb(236,167,157)
```
#efb6ae
```
#efb6ae rgb(239,182,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 #fd2103 is the most saturated one.

#887a78
```
#887a78 rgb(136,122,120)
```
#92736e
```
#92736e rgb(146,115,110)
```
#9b6b65
```
#9b6b65 rgb(155,107,101)
```
#a5645b
```
#a5645b rgb(165,100,91)
```
#af5d51
```
#af5d51 rgb(175,93,81)
```
#b95547
```
#b95547 rgb(185,85,71)
```
#c24e3e
```
#c24e3e rgb(194,78,62)
```
#cc4634
```
#cc4634 rgb(204,70,52)
```
#d63f2a
```
#d63f2a rgb(214,63,42)
```
#e03820
```
#e03820 rgb(224,56,32)
```
#ea3016
```
#ea3016 rgb(234,48,22)
```
#f3290d
```
#f3290d rgb(243,41,13)
```
#fd2103
```
#fd2103 rgb(253,33,3)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#80615d Atypical Achromatopsia 0.001% of the population

Dichromacy

#897c43 Protanopia 1% of men
#9b7627 Deuteranopia 1% of men
#d84649 Tritanopia 0.001% of the population

Trichromacy

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

#d63f2a hex color

#d63f2a Color Information

#d63f2a Color Conversion

Color Schemes with #d63f2a

Alternatives to #d63f2a

#d63f2a Preview

Shades and Tints of #d63f2a

Tones of #d63f2a

Color Blindness Simulator