#d96316 hex color

In a RGB color space, hex #d96316 is composed of 85.1% red, 38.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.4% magenta, 89.9% yellow and 14.9% black. It has a hue angle of 23.7 degrees, a saturation of 81.6% and a lightness of 46.9%. #d96316 color hex could be obtained by blending #ffc62c with #b30000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 85
- G 39
- B 9
RGB color chart
- C 0
- M 54
- Y 90
- K 15
CMYK color chart

● #d96316 color description : Vivid orange.

The hexadecimal color #d96316 has RGB values of R:217, G:99, B:22 and CMYK values of C:0, M:0.54, Y:0.9, K:0.15. Its decimal value is 14246678.

Hex triplet	d96316	`#d96316`
RGB Decimal	217, 99, 22	`rgb(217,99,22)`
RGB Percent	85.1, 38.8, 8.6	`rgb(85.1%,38.8%,8.6%)`
CMYK	0, 54, 90, 15
HSL	23.7°, 81.6, 46.9	`hsl(23.7,81.6%,46.9%)`
HSV (or HSB)	23.7°, 89.9, 85.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	55.823, 42.63, 59.694
XYZ	33.223, 23.737, 3.591
xyY	0.549, 0.392, 23.737
CIE-LCH	55.823, 73.353, 54.468
CIE-LUV	55.823, 97.501, 47.661
Hunter-Lab	48.72, 36.462, 29.734
Binary	11011001, 01100011, 00010110

#d96316
```
#d96316 rgb(217,99,22)
```
#168cd9
```
#168cd9 rgb(22,140,217)
```

Complementary Color

#d9162b
```
#d9162b rgb(217,22,43)
```
#d96316
```
#d96316 rgb(217,99,22)
```
#d9c516
```
#d9c516 rgb(217,197,22)
```

Analogous Color

#162bd9
```
#162bd9 rgb(22,43,217)
```
#d96316
```
#d96316 rgb(217,99,22)
```
#16d9c5
```
#16d9c5 rgb(22,217,197)
```

Split Complementary Color

#6316d9
```
#6316d9 rgb(99,22,217)
```
#d96316
```
#d96316 rgb(217,99,22)
```
#16d963
```
#16d963 rgb(22,217,99)
```

Triadic Color

#d9168c
```
#d9168c rgb(217,22,140)
```
#d96316
```
#d96316 rgb(217,99,22)
```
#16d963
```
#16d963 rgb(22,217,99)
```
#168cd9
```
#168cd9 rgb(22,140,217)
```

Tetradic Color

#94430f
```
#94430f rgb(148,67,15)
```
#ab4e11
```
#ab4e11 rgb(171,78,17)
```
#c25814
```
#c25814 rgb(194,88,20)
```
#d96316
```
#d96316 rgb(217,99,22)
```
#e86f20
```
#e86f20 rgb(232,111,32)
```
#eb7e37
```
#eb7e37 rgb(235,126,55)
```
#ed8d4e
```
#ed8d4e rgb(237,141,78)
```

Monochromatic Color

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

#d93216
```
#d93216 rgb(217,50,22)
```
#d94316
```
#d94316 rgb(217,67,22)
```
#d95316
```
#d95316 rgb(217,83,22)
```
#d96316
```
#d96316 rgb(217,99,22)
```
#d97316
```
#d97316 rgb(217,115,22)
```
#d98416
```
#d98416 rgb(217,132,22)
```
#d99416
```
#d99416 rgb(217,148,22)
```

Similar Colors

Text with hexadecimal color #d96316

This text has a font color of #d96316.

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

#d96316 background color

This paragraph has a background color of #d96316.

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

#d96316 border color

This element has a border color of #d96316.

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

CSS codes

.text {color:#d96316;}

.background {background-color:#d96316;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150a02
```
#150a02 rgb(21,10,2)
```
#271204
```
#271204 rgb(39,18,4)
```
#391a06
```
#391a06 rgb(57,26,6)
```
#4b2208
```
#4b2208 rgb(75,34,8)
```
#5c2a09
```
#5c2a09 rgb(92,42,9)
```
#6e320b
```
#6e320b rgb(110,50,11)
```
#803a0d
```
#803a0d rgb(128,58,13)
```
#92420f
```
#92420f rgb(146,66,15)
```
#a44b11
```
#a44b11 rgb(164,75,17)
```
#b55312
```
#b55312 rgb(181,83,18)
```
#c75b14
```
#c75b14 rgb(199,91,20)
```
#d96316
```
#d96316 rgb(217,99,22)
```

Shade Color Variation

#e86c1b
```
#e86c1b rgb(232,108,27)
```
#ea772d
```
#ea772d rgb(234,119,45)
```
#eb833e
```
#eb833e rgb(235,131,62)
```
#ed8e50
```
#ed8e50 rgb(237,142,80)
```
#ef9a62
```
#ef9a62 rgb(239,154,98)
```
#f1a574
```
#f1a574 rgb(241,165,116)
```
#f3b186
```
#f3b186 rgb(243,177,134)
```
#f4bc97
```
#f4bc97 rgb(244,188,151)
```
#f6c8a9
```
#f6c8a9 rgb(246,200,169)
```
#f8d3bb
```
#f8d3bb rgb(248,211,187)
```
#fadfcd
```
#fadfcd rgb(250,223,205)
```
#fceadf
```
#fceadf rgb(252,234,223)
```
#fef6f0
```
#fef6f0 rgb(254,246,240)
```

Tint Color Variation

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

#7d7672
```
#7d7672 rgb(125,118,114)
```
#867469
```
#867469 rgb(134,116,105)
```
#8f7260
```
#8f7260 rgb(143,114,96)
```
#997156
```
#997156 rgb(153,113,86)
```
#a26f4d
```
#a26f4d rgb(162,111,77)
```
#ab6d44
```
#ab6d44 rgb(171,109,68)
```
#b46b3b
```
#b46b3b rgb(180,107,59)
```
#bd6932
```
#bd6932 rgb(189,105,50)
```
#c76728
```
#c76728 rgb(199,103,40)
```
#d0651f
```
#d0651f rgb(208,101,31)
```
#d96316
```
#d96316 rgb(217,99,22)
```
#e2610d
```
#e2610d rgb(226,97,13)
```
#eb5f04
```
#eb5f04 rgb(235,95,4)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#907969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c2a Protanopia 1% of men
#af8506 Deuteranopia 1% of men
#dd646a Tritanopia 0.001% of the population

Trichromacy

#b27d23 Protanomaly 1% of men, 0.01% of women
#be780c Deuteranomaly 6% of men, 0.4% of women
#db634b Tritanomaly 0.01% of the population

#d96316 hex color

#d96316 Color Information

#d96316 Color Conversion

Color Schemes with #d96316

Alternatives to #d96316

#d96316 Preview

Shades and Tints of #d96316

Tones of #d96316

Color Blindness Simulator