#d63316 hex color

In a RGB color space, hex #d63316 is composed of 83.9% red, 20% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.2% magenta, 89.7% yellow and 16.1% black. It has a hue angle of 9.1 degrees, a saturation of 81.4% and a lightness of 46.3%. #d63316 color hex could be obtained by blending #ff662c with #ad0000. Closest websafe color is: #cc3300.

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

● #d63316 color description : Strong red.

The hexadecimal color #d63316 has RGB values of R:214, G:51, B:22 and CMYK values of C:0, M:0.76, Y:0.9, K:0.16. Its decimal value is 14037782.

Hex triplet	d63316	`#d63316`
RGB Decimal	214, 51, 22	`rgb(214,51,22)`
RGB Percent	83.9, 20, 8.6	`rgb(83.9%,20%,8.6%)`
CMYK	0, 76, 90, 16
HSL	9.1°, 81.4, 46.3	`hsl(9.1,81.4%,46.3%)`
HSV (or HSB)	9.1°, 89.7, 83.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	47.912, 61.363, 53.675
XYZ	29.062, 16.725, 2.457
xyY	0.602, 0.347, 16.725
CIE-LCH	47.912, 81.525, 41.177
CIE-LUV	47.912, 128.782, 34.618
Hunter-Lab	40.897, 55.276, 25.065
Binary	11010110, 00110011, 00010110

#d63316
```
#d63316 rgb(214,51,22)
```
#16b9d6
```
#16b9d6 rgb(22,185,214)
```

Complementary Color

#d61659
```
#d61659 rgb(214,22,89)
```
#d63316
```
#d63316 rgb(214,51,22)
```
#d69316
```
#d69316 rgb(214,147,22)
```

Analogous Color

#1659d6
```
#1659d6 rgb(22,89,214)
```
#d63316
```
#d63316 rgb(214,51,22)
```
#16d693
```
#16d693 rgb(22,214,147)
```

Split Complementary Color

#3316d6
```
#3316d6 rgb(51,22,214)
```
#d63316
```
#d63316 rgb(214,51,22)
```
#16d633
```
#16d633 rgb(22,214,51)
```

Triadic Color

#d616b9
```
#d616b9 rgb(214,22,185)
```
#d63316
```
#d63316 rgb(214,51,22)
```
#16d633
```
#16d633 rgb(22,214,51)
```
#16b9d6
```
#16b9d6 rgb(22,185,214)
```

Tetradic Color

#91220f
```
#91220f rgb(145,34,15)
```
#a82811
```
#a82811 rgb(168,40,17)
```
#bf2d14
```
#bf2d14 rgb(191,45,20)
```
#d63316
```
#d63316 rgb(214,51,22)
```
#e83c1e
```
#e83c1e rgb(232,60,30)
```
#ea5035
```
#ea5035 rgb(234,80,53)
```
#ed644c
```
#ed644c rgb(237,100,76)
```

Monochromatic Color

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

#d61629
```
#d61629 rgb(214,22,41)
```
#d61619
```
#d61619 rgb(214,22,25)
```
#d62316
```
#d62316 rgb(214,35,22)
```
#d63316
```
#d63316 rgb(214,51,22)
```
#d64316
```
#d64316 rgb(214,67,22)
```
#d65316
```
#d65316 rgb(214,83,22)
```
#d66316
```
#d66316 rgb(214,99,22)
```

Similar Colors

Text with hexadecimal color #d63316

This text has a font color of #d63316.

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

#d63316 background color

This paragraph has a background color of #d63316.

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

#d63316 border color

This element has a border color of #d63316.

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

CSS codes

.text {color:#d63316;}

.background {background-color:#d63316;}

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

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 #fdf0ee is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120402
```
#120402 rgb(18,4,2)
```
#240904
```
#240904 rgb(36,9,4)
```
#360d06
```
#360d06 rgb(54,13,6)
```
#481107
```
#481107 rgb(72,17,7)
```
#591509
```
#591509 rgb(89,21,9)
```
#6b1a0b
```
#6b1a0b rgb(107,26,11)
```
#7d1e0d
```
#7d1e0d rgb(125,30,13)
```
#8f220f
```
#8f220f rgb(143,34,15)
```
#a12611
```
#a12611 rgb(161,38,17)
```
#b22b12
```
#b22b12 rgb(178,43,18)
```
#c42f14
```
#c42f14 rgb(196,47,20)
```
#d63316
```
#d63316 rgb(214,51,22)
```

Shade Color Variation

#e73818
```
#e73818 rgb(231,56,24)
```
#e9472a
```
#e9472a rgb(233,71,42)
```
#eb563c
```
#eb563c rgb(235,86,60)
```
#ed664e
```
#ed664e rgb(237,102,78)
```
#ef755f
```
#ef755f rgb(239,117,95)
```
#f08471
```
#f08471 rgb(240,132,113)
```
#f29483
```
#f29483 rgb(242,148,131)
```
#f4a395
```
#f4a395 rgb(244,163,149)
```
#f6b3a7
```
#f6b3a7 rgb(246,179,167)
```
#f8c2b8
```
#f8c2b8 rgb(248,194,184)
```
#fad1ca
```
#fad1ca rgb(250,209,202)
```
#fbe1dc
```
#fbe1dc rgb(251,225,220)
```
#fdf0ee
```
#fdf0ee rgb(253,240,238)
```

Tint Color Variation

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

#7b7271
```
#7b7271 rgb(123,114,113)
```
#846c68
```
#846c68 rgb(132,108,104)
```
#8d665f
```
#8d665f rgb(141,102,95)
```
#965f56
```
#965f56 rgb(150,95,86)
```
#a0594c
```
#a0594c rgb(160,89,76)
```
#a95343
```
#a95343 rgb(169,83,67)
```
#b24c3a
```
#b24c3a rgb(178,76,58)
```
#bb4631
```
#bb4631 rgb(187,70,49)
```
#c44028
```
#c44028 rgb(196,64,40)
```
#cd391f
```
#cd391f rgb(205,57,31)
```
#d63316
```
#d63316 rgb(214,51,22)
```
#df2d0d
```
#df2d0d rgb(223,45,13)
```
#e82604
```
#e82604 rgb(232,38,4)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#785751 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86792f Protanopia 1% of men
#977300 Deuteranopia 1% of men
#d83a3c Tritanopia 0.001% of the population

Trichromacy

#a35f26 Protanomaly 1% of men, 0.01% of women
#ae5b08 Deuteranomaly 6% of men, 0.4% of women
#d7372e Tritanomaly 0.01% of the population

#d63316 hex color

#d63316 Color Information

#d63316 Color Conversion

Color Schemes with #d63316

Alternatives to #d63316

#d63316 Preview

Shades and Tints of #d63316

Tones of #d63316

Color Blindness Simulator