#d99316 hex color

In a RGB color space, hex #d99316 is composed of 85.1% red, 57.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.3% magenta, 89.9% yellow and 14.9% black. It has a hue angle of 38.5 degrees, a saturation of 81.6% and a lightness of 46.9%. #d99316 color hex could be obtained by blending #ffff2c with #b32700. Closest websafe color is: #cc9900.

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

● #d99316 color description : Vivid orange.

The hexadecimal color #d99316 has RGB values of R:217, G:147, B:22 and CMYK values of C:0, M:0.32, Y:0.9, K:0.15. Its decimal value is 14258966.

Hex triplet	d99316	`#d99316`
RGB Decimal	217, 147, 22	`rgb(217,147,22)`
RGB Percent	85.1, 57.6, 8.6	`rgb(85.1%,57.6%,8.6%)`
CMYK	0, 32, 90, 15
HSL	38.5°, 81.6, 46.9	`hsl(38.5,81.6%,46.9%)`
HSV (or HSB)	38.5°, 89.9, 85.1
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.274, 17.532, 67.557
XYZ	39.195, 35.68, 5.582
xyY	0.487, 0.443, 35.68
CIE-LCH	66.274, 69.794, 75.452
CIE-LUV	66.274, 58.05, 64.519
Hunter-Lab	59.733, 12.595, 36.272
Binary	11011001, 10010011, 00010110

#d99316
```
#d99316 rgb(217,147,22)
```
#165cd9
```
#165cd9 rgb(22,92,217)
```

Complementary Color

#d93216
```
#d93216 rgb(217,50,22)
```
#d99316
```
#d99316 rgb(217,147,22)
```
#bed916
```
#bed916 rgb(190,217,22)
```

Analogous Color

#3116d9
```
#3116d9 rgb(49,22,217)
```
#d99316
```
#d99316 rgb(217,147,22)
```
#16bed9
```
#16bed9 rgb(22,190,217)
```

Split Complementary Color

#9316d9
```
#9316d9 rgb(147,22,217)
```
#d99316
```
#d99316 rgb(217,147,22)
```
#16d993
```
#16d993 rgb(22,217,147)
```

Triadic Color

#d9165c
```
#d9165c rgb(217,22,92)
```
#d99316
```
#d99316 rgb(217,147,22)
```
#16d993
```
#16d993 rgb(22,217,147)
```
#165cd9
```
#165cd9 rgb(22,92,217)
```

Tetradic Color

#94640f
```
#94640f rgb(148,100,15)
```
#ab7411
```
#ab7411 rgb(171,116,17)
```
#c28314
```
#c28314 rgb(194,131,20)
```
#d99316
```
#d99316 rgb(217,147,22)
```
#e8a020
```
#e8a020 rgb(232,160,32)
```
#ebaa37
```
#ebaa37 rgb(235,170,55)
```
#edb44e
```
#edb44e rgb(237,180,78)
```

Monochromatic Color

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

#d96216
```
#d96216 rgb(217,98,22)
```
#d97316
```
#d97316 rgb(217,115,22)
```
#d98316
```
#d98316 rgb(217,131,22)
```
#d99316
```
#d99316 rgb(217,147,22)
```
#d9a316
```
#d9a316 rgb(217,163,22)
```
#d9b416
```
#d9b416 rgb(217,180,22)
```
#d9c416
```
#d9c416 rgb(217,196,22)
```

Similar Colors

Text with hexadecimal color #d99316

This text has a font color of #d99316.

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

#d99316 background color

This paragraph has a background color of #d99316.

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

#d99316 border color

This element has a border color of #d99316.

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

CSS codes

.text {color:#d99316;}

.background {background-color:#d99316;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150e02
```
#150e02 rgb(21,14,2)
```
#271a04
```
#271a04 rgb(39,26,4)
```
#392606
```
#392606 rgb(57,38,6)
```
#4b3208
```
#4b3208 rgb(75,50,8)
```
#5c3f09
```
#5c3f09 rgb(92,63,9)
```
#6e4b0b
```
#6e4b0b rgb(110,75,11)
```
#80570d
```
#80570d rgb(128,87,13)
```
#92630f
```
#92630f rgb(146,99,15)
```
#a46f11
```
#a46f11 rgb(164,111,17)
```
#b57b12
```
#b57b12 rgb(181,123,18)
```
#c78714
```
#c78714 rgb(199,135,20)
```
#d99316
```
#d99316 rgb(217,147,22)
```

Shade Color Variation

#e89e1b
```
#e89e1b rgb(232,158,27)
```
#eaa62d
```
#eaa62d rgb(234,166,45)
```
#ebad3e
```
#ebad3e rgb(235,173,62)
```
#edb550
```
#edb550 rgb(237,181,80)
```
#efbc62
```
#efbc62 rgb(239,188,98)
```
#f1c474
```
#f1c474 rgb(241,196,116)
```
#f3cc86
```
#f3cc86 rgb(243,204,134)
```
#f4d397
```
#f4d397 rgb(244,211,151)
```
#f6dba9
```
#f6dba9 rgb(246,219,169)
```
#f8e2bb
```
#f8e2bb rgb(248,226,187)
```
#faeacd
```
#faeacd rgb(250,234,205)
```
#fcf1df
```
#fcf1df rgb(252,241,223)
```
#fef9f0
```
#fef9f0 rgb(254,249,240)
```

Tint Color Variation

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

#7d7972
```
#7d7972 rgb(125,121,114)
```
#867c69
```
#867c69 rgb(134,124,105)
```
#8f7e60
```
#8f7e60 rgb(143,126,96)
```
#998156
```
#998156 rgb(153,129,86)
```
#a2834d
```
#a2834d rgb(162,131,77)
```
#ab8644
```
#ab8644 rgb(171,134,68)
```
#b4893b
```
#b4893b rgb(180,137,59)
```
#bd8b32
```
#bd8b32 rgb(189,139,50)
```
#c78e28
```
#c78e28 rgb(199,142,40)
```
#d0901f
```
#d0901f rgb(208,144,31)
```
#d99316
```
#d99316 rgb(217,147,22)
```
#e2960d
```
#e2960d rgb(226,150,13)
```
#eb9804
```
#eb9804 rgb(235,152,4)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a79980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a625 Protanopia 1% of men
#cf9e1d Deuteranopia 1% of men
#e18e98 Tritanopia 0.001% of the population

Trichromacy

#c59f20 Protanomaly 1% of men, 0.01% of women
#d29a1a Deuteranomaly 6% of men, 0.4% of women
#de9068 Tritanomaly 0.01% of the population

#d99316 hex color

#d99316 Color Information

#d99316 Color Conversion

Color Schemes with #d99316

Alternatives to #d99316

#d99316 Preview

Shades and Tints of #d99316

Tones of #d99316

Color Blindness Simulator