#d8a316 hex color

In a RGB color space, hex #d8a316 is composed of 84.7% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.5% magenta, 89.8% yellow and 15.3% black. It has a hue angle of 43.6 degrees, a saturation of 81.5% and a lightness of 46.7%. #d8a316 color hex could be obtained by blending #ffff2c with #b14700. Closest websafe color is: #cc9900.

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

● #d8a316 color description : Strong orange.

The hexadecimal color #d8a316 has RGB values of R:216, G:163, B:22 and CMYK values of C:0, M:0.25, Y:0.9, K:0.15. Its decimal value is 14197526.

Hex triplet	d8a316	`#d8a316`
RGB Decimal	216, 163, 22	`rgb(216,163,22)`
RGB Percent	84.7, 63.9, 8.6	`rgb(84.7%,63.9%,8.6%)`
CMYK	0, 25, 90, 15
HSL	43.6°, 81.5, 46.7	`hsl(43.6,81.5%,46.7%)`
HSV (or HSB)	43.6°, 89.8, 84.7
Web Safe	cc9900	`#cc9900`

CIE-LAB	70.073, 8.504, 70.415
XYZ	41.562, 40.854, 6.456
xyY	0.468, 0.46, 40.854
CIE-LCH	70.073, 70.927, 83.114
CIE-LUV	70.073, 44.56, 70.51
Hunter-Lab	63.917, 4.215, 38.753
Binary	11011000, 10100011, 00010110

#d8a316
```
#d8a316 rgb(216,163,22)
```
#164bd8
```
#164bd8 rgb(22,75,216)
```

Complementary Color

#d84216
```
#d84216 rgb(216,66,22)
```
#d8a316
```
#d8a316 rgb(216,163,22)
```
#acd816
```
#acd816 rgb(172,216,22)
```

Analogous Color

#4216d8
```
#4216d8 rgb(66,22,216)
```
#d8a316
```
#d8a316 rgb(216,163,22)
```
#16acd8
```
#16acd8 rgb(22,172,216)
```

Split Complementary Color

#a316d8
```
#a316d8 rgb(163,22,216)
```
#d8a316
```
#d8a316 rgb(216,163,22)
```
#16d8a3
```
#16d8a3 rgb(22,216,163)
```

Triadic Color

#d8164b
```
#d8164b rgb(216,22,75)
```
#d8a316
```
#d8a316 rgb(216,163,22)
```
#16d8a3
```
#16d8a3 rgb(22,216,163)
```
#164bd8
```
#164bd8 rgb(22,75,216)
```

Tetradic Color

#936f0f
```
#936f0f rgb(147,111,15)
```
#aa8011
```
#aa8011 rgb(170,128,17)
```
#c19214
```
#c19214 rgb(193,146,20)
```
#d8a316
```
#d8a316 rgb(216,163,22)
```
#e8b11f
```
#e8b11f rgb(232,177,31)
```
#ebb936
```
#ebb936 rgb(235,185,54)
```
#edc14e
```
#edc14e rgb(237,193,78)
```

Monochromatic Color

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

#d87316
```
#d87316 rgb(216,115,22)
```
#d88316
```
#d88316 rgb(216,131,22)
```
#d89316
```
#d89316 rgb(216,147,22)
```
#d8a316
```
#d8a316 rgb(216,163,22)
```
#d8b316
```
#d8b316 rgb(216,179,22)
```
#d8c316
```
#d8c316 rgb(216,195,22)
```
#d8d416
```
#d8d416 rgb(216,212,22)
```

Similar Colors

Text with hexadecimal color #d8a316

This text has a font color of #d8a316.

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

#d8a316 background color

This paragraph has a background color of #d8a316.

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

#d8a316 border color

This element has a border color of #d8a316.

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

CSS codes

.text {color:#d8a316;}

.background {background-color:#d8a316;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#140f02
```
#140f02 rgb(20,15,2)
```
#261d04
```
#261d04 rgb(38,29,4)
```
#382a06
```
#382a06 rgb(56,42,6)
```
#4a3807
```
#4a3807 rgb(74,56,7)
```
#5b4509
```
#5b4509 rgb(91,69,9)
```
#6d520b
```
#6d520b rgb(109,82,11)
```
#7f600d
```
#7f600d rgb(127,96,13)
```
#916d0f
```
#916d0f rgb(145,109,15)
```
#a37b11
```
#a37b11 rgb(163,123,17)
```
#b48812
```
#b48812 rgb(180,136,18)
```
#c69614
```
#c69614 rgb(198,150,20)
```
#d8a316
```
#d8a316 rgb(216,163,22)
```

Shade Color Variation

#e8af1a
```
#e8af1a rgb(232,175,26)
```
#e9b62c
```
#e9b62c rgb(233,182,44)
```
#ebbc3e
```
#ebbc3e rgb(235,188,62)
```
#edc24f
```
#edc24f rgb(237,194,79)
```
#efc861
```
#efc861 rgb(239,200,97)
```
#f1ce73
```
#f1ce73 rgb(241,206,115)
```
#f3d585
```
#f3d585 rgb(243,213,133)
```
#f4db97
```
#f4db97 rgb(244,219,151)
```
#f6e1a8
```
#f6e1a8 rgb(246,225,168)
```
#f8e7ba
```
#f8e7ba rgb(248,231,186)
```
#faedcc
```
#faedcc rgb(250,237,204)
```
#fcf3de
```
#fcf3de rgb(252,243,222)
```
#fdfaf0
```
#fdfaf0 rgb(253,250,240)
```

Tint Color Variation

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

#7c7972
```
#7c7972 rgb(124,121,114)
```
#867e68
```
#867e68 rgb(134,126,104)
```
#8f825f
```
#8f825f rgb(143,130,95)
```
#988656
```
#988656 rgb(152,134,86)
```
#a18a4d
```
#a18a4d rgb(161,138,77)
```
#aa8e44
```
#aa8e44 rgb(170,142,68)
```
#b3923b
```
#b3923b rgb(179,146,59)
```
#bd9731
```
#bd9731 rgb(189,151,49)
```
#c69b28
```
#c69b28 rgb(198,155,40)
```
#cf9f1f
```
#cf9f1f rgb(207,159,31)
```
#d8a316
```
#d8a316 rgb(216,163,22)
```
#e1a70d
```
#e1a70d rgb(225,167,13)
```
#eaab04
```
#eaab04 rgb(234,171,4)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#aea387 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4af24 Protanopia 1% of men
#dba722 Deuteranopia 1% of men
#e29ca7 Tritanopia 0.001% of the population

Trichromacy

#cbab1f Protanomaly 1% of men, 0.01% of women
#daa51e Deuteranomaly 6% of men, 0.4% of women
#de9f72 Tritanomaly 0.01% of the population

#d8a316 hex color

#d8a316 Color Information

#d8a316 Color Conversion

Color Schemes with #d8a316

Alternatives to #d8a316

#d8a316 Preview

Shades and Tints of #d8a316

Tones of #d8a316

Color Blindness Simulator