#d97116 hex color

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

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

● #d97116 color description : Vivid orange.

The hexadecimal color #d97116 has RGB values of R:217, G:113, B:22 and CMYK values of C:0, M:0.48, Y:0.9, K:0.15. Its decimal value is 14250262.

Hex triplet	d97116	`#d97116`
RGB Decimal	217, 113, 22	`rgb(217,113,22)`
RGB Percent	85.1, 44.3, 8.6	`rgb(85.1%,44.3%,8.6%)`
CMYK	0, 48, 90, 15
HSL	28°, 81.6, 46.9	`hsl(28,81.6%,46.9%)`
HSV (or HSB)	28°, 89.9, 85.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	58.624, 35.586, 61.778
XYZ	34.667, 26.623, 4.072
xyY	0.53, 0.407, 26.623
CIE-LCH	58.624, 71.294, 60.057
CIE-LUV	58.624, 86.05, 52.299
Hunter-Lab	51.598, 29.632, 31.439
Binary	11011001, 01110001, 00010110

#d97116
```
#d97116 rgb(217,113,22)
```
#167ed9
```
#167ed9 rgb(22,126,217)
```

Complementary Color

#d9161d
```
#d9161d rgb(217,22,29)
```
#d97116
```
#d97116 rgb(217,113,22)
```
#d9d316
```
#d9d316 rgb(217,211,22)
```

Analogous Color

#161dd9
```
#161dd9 rgb(22,29,217)
```
#d97116
```
#d97116 rgb(217,113,22)
```
#16d9d3
```
#16d9d3 rgb(22,217,211)
```

Split Complementary Color

#7116d9
```
#7116d9 rgb(113,22,217)
```
#d97116
```
#d97116 rgb(217,113,22)
```
#16d971
```
#16d971 rgb(22,217,113)
```

Triadic Color

#d9167e
```
#d9167e rgb(217,22,126)
```
#d97116
```
#d97116 rgb(217,113,22)
```
#16d971
```
#16d971 rgb(22,217,113)
```
#167ed9
```
#167ed9 rgb(22,126,217)
```

Tetradic Color

#944d0f
```
#944d0f rgb(148,77,15)
```
#ab5911
```
#ab5911 rgb(171,89,17)
```
#c26514
```
#c26514 rgb(194,101,20)
```
#d97116
```
#d97116 rgb(217,113,22)
```
#e87e20
```
#e87e20 rgb(232,126,32)
```
#eb8b37
```
#eb8b37 rgb(235,139,55)
```
#ed984e
```
#ed984e rgb(237,152,78)
```

Monochromatic Color

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

#d94016
```
#d94016 rgb(217,64,22)
```
#d95016
```
#d95016 rgb(217,80,22)
```
#d96116
```
#d96116 rgb(217,97,22)
```
#d97116
```
#d97116 rgb(217,113,22)
```
#d98116
```
#d98116 rgb(217,129,22)
```
#d99216
```
#d99216 rgb(217,146,22)
```
#d9a216
```
#d9a216 rgb(217,162,22)
```

Similar Colors

Text with hexadecimal color #d97116

This text has a font color of #d97116.

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

#d97116 background color

This paragraph has a background color of #d97116.

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

#d97116 border color

This element has a border color of #d97116.

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

CSS codes

.text {color:#d97116;}

.background {background-color:#d97116;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150b02
```
#150b02 rgb(21,11,2)
```
#271404
```
#271404 rgb(39,20,4)
```
#391e06
```
#391e06 rgb(57,30,6)
```
#4b2708
```
#4b2708 rgb(75,39,8)
```
#5c3009
```
#5c3009 rgb(92,48,9)
```
#6e390b
```
#6e390b rgb(110,57,11)
```
#80430d
```
#80430d rgb(128,67,13)
```
#924c0f
```
#924c0f rgb(146,76,15)
```
#a45511
```
#a45511 rgb(164,85,17)
```
#b55e12
```
#b55e12 rgb(181,94,18)
```
#c76814
```
#c76814 rgb(199,104,20)
```
#d97116
```
#d97116 rgb(217,113,22)
```

Shade Color Variation

#e87a1b
```
#e87a1b rgb(232,122,27)
```
#ea852d
```
#ea852d rgb(234,133,45)
```
#eb8f3e
```
#eb8f3e rgb(235,143,62)
```
#ed9950
```
#ed9950 rgb(237,153,80)
```
#efa462
```
#efa462 rgb(239,164,98)
```
#f1ae74
```
#f1ae74 rgb(241,174,116)
```
#f3b986
```
#f3b986 rgb(243,185,134)
```
#f4c397
```
#f4c397 rgb(244,195,151)
```
#f6cda9
```
#f6cda9 rgb(246,205,169)
```
#f8d8bb
```
#f8d8bb rgb(248,216,187)
```
#fae2cd
```
#fae2cd rgb(250,226,205)
```
#fcecdf
```
#fcecdf rgb(252,236,223)
```
#fef7f0
```
#fef7f0 rgb(254,247,240)
```

Tint Color Variation

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

#7d7772
```
#7d7772 rgb(125,119,114)
```
#867769
```
#867769 rgb(134,119,105)
```
#8f7660
```
#8f7660 rgb(143,118,96)
```
#997556
```
#997556 rgb(153,117,86)
```
#a2754d
```
#a2754d rgb(162,117,77)
```
#ab7444
```
#ab7444 rgb(171,116,68)
```
#b4733b
```
#b4733b rgb(180,115,59)
```
#bd7332
```
#bd7332 rgb(189,115,50)
```
#c77228
```
#c77228 rgb(199,114,40)
```
#d0721f
```
#d0721f rgb(208,114,31)
```
#d97116
```
#d97116 rgb(217,113,22)
```
#e2700d
```
#e2700d rgb(226,112,13)
```
#eb7004
```
#eb7004 rgb(235,112,4)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#978270 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49329 Protanopia 1% of men
#b78b10 Deuteranopia 1% of men
#de7077 Tritanopia 0.001% of the population

Trichromacy

#b78622 Protanomaly 1% of men, 0.01% of women
#c38212 Deuteranomaly 6% of men, 0.4% of women
#dc7054 Tritanomaly 0.01% of the population

#d97116 hex color

#d97116 Color Information

#d97116 Color Conversion

Color Schemes with #d97116

Alternatives to #d97116

#d97116 Preview

Shades and Tints of #d97116

Tones of #d97116

Color Blindness Simulator