#d63a00 hex color

In a RGB color space, hex #d63a00 is composed of 83.9% red, 22.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 100% yellow and 16.1% black. It has a hue angle of 16.3 degrees, a saturation of 100% and a lightness of 42%. #d63a00 color hex could be obtained by blending #ff7400 with #ad0000. Closest websafe color is: #cc3300.

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

● #d63a00 color description : Strong orange.

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

Hex triplet	d63a00	`#d63a00`
RGB Decimal	214, 58, 0	`rgb(214,58,0)`
RGB Percent	83.9, 22.7, 0	`rgb(83.9%,22.7%,0%)`
CMYK	0, 73, 100, 16
HSL	16.3°, 100, 42	`hsl(16.3,100%,42%)`
HSV (or HSB)	16.3°, 100, 83.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	48.668, 58.815, 60.507
XYZ	29.246, 17.326, 1.804
xyY	0.605, 0.358, 17.326
CIE-LCH	48.668, 84.382, 45.812
CIE-LUV	48.668, 126.112, 38.633
Hunter-Lab	41.624, 52.575, 26.567
Binary	11010110, 00111010, 00000000

#d63a00
```
#d63a00 rgb(214,58,0)
```
#009cd6
```
#009cd6 rgb(0,156,214)
```

Complementary Color

#d60031
```
#d60031 rgb(214,0,49)
```
#d63a00
```
#d63a00 rgb(214,58,0)
```
#d6a500
```
#d6a500 rgb(214,165,0)
```

Analogous Color

#0031d6
```
#0031d6 rgb(0,49,214)
```
#d63a00
```
#d63a00 rgb(214,58,0)
```
#00d6a5
```
#00d6a5 rgb(0,214,165)
```

Split Complementary Color

#3a00d6
```
#3a00d6 rgb(58,0,214)
```
#d63a00
```
#d63a00 rgb(214,58,0)
```
#00d63a
```
#00d63a rgb(0,214,58)
```

Triadic Color

#d6009c
```
#d6009c rgb(214,0,156)
```
#d63a00
```
#d63a00 rgb(214,58,0)
```
#00d63a
```
#00d63a rgb(0,214,58)
```
#009cd6
```
#009cd6 rgb(0,156,214)
```

Tetradic Color

#8a2500
```
#8a2500 rgb(138,37,0)
```
#a32c00
```
#a32c00 rgb(163,44,0)
```
#bd3300
```
#bd3300 rgb(189,51,0)
```
#d63a00
```
#d63a00 rgb(214,58,0)
```
#f04100
```
#f04100 rgb(240,65,0)
```
#ff4c0a
```
#ff4c0a rgb(255,76,10)
```
#ff5f24
```
#ff5f24 rgb(255,95,36)
```

Monochromatic Color

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

#d60400
```
#d60400 rgb(214,4,0)
```
#d61600
```
#d61600 rgb(214,22,0)
```
#d62800
```
#d62800 rgb(214,40,0)
```
#d63a00
```
#d63a00 rgb(214,58,0)
```
#d64c00
```
#d64c00 rgb(214,76,0)
```
#d65e00
```
#d65e00 rgb(214,94,0)
```
#d67000
```
#d67000 rgb(214,112,0)
```

Similar Colors

Text with hexadecimal color #d63a00

This text has a font color of #d63a00.

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

#d63a00 background color

This paragraph has a background color of #d63a00.

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

#d63a00 border color

This element has a border color of #d63a00.

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

CSS codes

.text {color:#d63a00;}

.background {background-color:#d63a00;}

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

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

#120500
```
#120500 rgb(18,5,0)
```
#250a00
```
#250a00 rgb(37,10,0)
```
#390f00
```
#390f00 rgb(57,15,0)
```
#4d1500
```
#4d1500 rgb(77,21,0)
```
#601a00
```
#601a00 rgb(96,26,0)
```
#741f00
```
#741f00 rgb(116,31,0)
```
#882500
```
#882500 rgb(136,37,0)
```
#9b2a00
```
#9b2a00 rgb(155,42,0)
```
#af2f00
```
#af2f00 rgb(175,47,0)
```
#c23500
```
#c23500 rgb(194,53,0)
```
#d63a00
```
#d63a00 rgb(214,58,0)
```
#ea3f00
```
#ea3f00 rgb(234,63,0)
```
#fd4500
```
#fd4500 rgb(253,69,0)
```

Shade Color Variation

#ff5212
```
#ff5212 rgb(255,82,18)
```
#ff6025
```
#ff6025 rgb(255,96,37)
```
#ff6f39
```
#ff6f39 rgb(255,111,57)
```
#ff7d4d
```
#ff7d4d rgb(255,125,77)
```
#ff8b60
```
#ff8b60 rgb(255,139,96)
```
#ff9a74
```
#ff9a74 rgb(255,154,116)
```
#ffa888
```
#ffa888 rgb(255,168,136)
```
#ffb69b
```
#ffb69b rgb(255,182,155)
```
#ffc5af
```
#ffc5af rgb(255,197,175)
```
#ffd3c2
```
#ffd3c2 rgb(255,211,194)
```
#ffe1d6
```
#ffe1d6 rgb(255,225,214)
```
#ffefea
```
#ffefea rgb(255,239,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#736763
```
#736763 rgb(115,103,99)
```
#7b635b
```
#7b635b rgb(123,99,91)
```
#846052
```
#846052 rgb(132,96,82)
```
#8c5c4a
```
#8c5c4a rgb(140,92,74)
```
#945842
```
#945842 rgb(148,88,66)
```
#9c543a
```
#9c543a rgb(156,84,58)
```
#a55131
```
#a55131 rgb(165,81,49)
```
#ad4d29
```
#ad4d29 rgb(173,77,41)
```
#b54921
```
#b54921 rgb(181,73,33)
```
#bd4519
```
#bd4519 rgb(189,69,25)
```
#c64210
```
#c64210 rgb(198,66,16)
```
#ce3e08
```
#ce3e08 rgb(206,62,8)
```
#d63a00
```
#d63a00 rgb(214,58,0)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#795a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b1a Protanopia 1% of men
#997500 Deuteranopia 1% of men
#d94042 Tritanopia 0.001% of the population

Trichromacy

#a56310 Protanomaly 1% of men, 0.01% of women
#af5f00 Deuteranomaly 6% of men, 0.4% of women
#d73d2a Tritanomaly 0.01% of the population

#d63a00 hex color

#d63a00 Color Information

#d63a00 Color Conversion

Color Schemes with #d63a00

Alternatives to #d63a00

#d63a00 Preview

Shades and Tints of #d63a00

Tones of #d63a00

Color Blindness Simulator