#d4a216 hex color

In a RGB color space, hex #d4a216 is composed of 83.1% red, 63.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.6% magenta, 89.6% yellow and 16.9% black. It has a hue angle of 44.2 degrees, a saturation of 81.2% and a lightness of 45.9%. #d4a216 color hex could be obtained by blending #ffff2c with #a94500. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 83
- G 64
- B 9
RGB color chart
- C 0
- M 24
- Y 90
- K 17
CMYK color chart

● #d4a216 color description : Strong orange.

The hexadecimal color #d4a216 has RGB values of R:212, G:162, B:22 and CMYK values of C:0, M:0.24, Y:0.9, K:0.17. Its decimal value is 13935126.

Hex triplet	d4a216	`#d4a216`
RGB Decimal	212, 162, 22	`rgb(212,162,22)`
RGB Percent	83.1, 63.5, 8.6	`rgb(83.1%,63.5%,8.6%)`
CMYK	0, 24, 90, 17
HSL	44.2°, 81.2, 45.9	`hsl(44.2,81.2%,45.9%)`
HSV (or HSB)	44.2°, 89.6, 83.1
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.397, 7.283, 69.709
XYZ	40.217, 39.898, 6.342
xyY	0.465, 0.461, 39.898
CIE-LCH	69.397, 70.089, 84.036
CIE-LUV	69.397, 42.176, 70.024
Hunter-Lab	63.165, 3.114, 38.262
Binary	11010100, 10100010, 00010110

#d4a216
```
#d4a216 rgb(212,162,22)
```
#1648d4
```
#1648d4 rgb(22,72,212)
```

Complementary Color

#d44316
```
#d44316 rgb(212,67,22)
```
#d4a216
```
#d4a216 rgb(212,162,22)
```
#a7d416
```
#a7d416 rgb(167,212,22)
```

Analogous Color

#4316d4
```
#4316d4 rgb(67,22,212)
```
#d4a216
```
#d4a216 rgb(212,162,22)
```
#16a7d4
```
#16a7d4 rgb(22,167,212)
```

Split Complementary Color

#a216d4
```
#a216d4 rgb(162,22,212)
```
#d4a216
```
#d4a216 rgb(212,162,22)
```
#16d4a2
```
#16d4a2 rgb(22,212,162)
```

Triadic Color

#d41648
```
#d41648 rgb(212,22,72)
```
#d4a216
```
#d4a216 rgb(212,162,22)
```
#16d4a2
```
#16d4a2 rgb(22,212,162)
```
#1648d4
```
#1648d4 rgb(22,72,212)
```

Tetradic Color

#8f6d0f
```
#8f6d0f rgb(143,109,15)
```
#a67f11
```
#a67f11 rgb(166,127,17)
```
#bd9014
```
#bd9014 rgb(189,144,20)
```
#d4a216
```
#d4a216 rgb(212,162,22)
```
#e7b21c
```
#e7b21c rgb(231,178,28)
```
#eaba33
```
#eaba33 rgb(234,186,51)
```
#ecc24a
```
#ecc24a rgb(236,194,74)
```

Monochromatic Color

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

#d47316
```
#d47316 rgb(212,115,22)
```
#d48216
```
#d48216 rgb(212,130,22)
```
#d49216
```
#d49216 rgb(212,146,22)
```
#d4a216
```
#d4a216 rgb(212,162,22)
```
#d4b216
```
#d4b216 rgb(212,178,22)
```
#d4c216
```
#d4c216 rgb(212,194,22)
```
#d4d216
```
#d4d216 rgb(212,210,22)
```

Similar Colors

Text with hexadecimal color #d4a216

This text has a font color of #d4a216.

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

#d4a216 background color

This paragraph has a background color of #d4a216.

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

#d4a216 border color

This element has a border color of #d4a216.

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

CSS codes

.text {color:#d4a216;}

.background {background-color:#d4a216;}

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

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, #110d02 is the darkest color, while #fffffe is the lightest one.

#110d02
```
#110d02 rgb(17,13,2)
```
#221a04
```
#221a04 rgb(34,26,4)
```
#342805
```
#342805 rgb(52,40,5)
```
#463507
```
#463507 rgb(70,53,7)
```
#584309
```
#584309 rgb(88,67,9)
```
#69510b
```
#69510b rgb(105,81,11)
```
#7b5e0d
```
#7b5e0d rgb(123,94,13)
```
#8d6c0f
```
#8d6c0f rgb(141,108,15)
```
#9f7910
```
#9f7910 rgb(159,121,16)
```
#b08712
```
#b08712 rgb(176,135,18)
```
#c29414
```
#c29414 rgb(194,148,20)
```
#d4a216
```
#d4a216 rgb(212,162,22)
```
#e6b018
```
#e6b018 rgb(230,176,24)
```

Shade Color Variation

#e9b628
```
#e9b628 rgb(233,182,40)
```
#ebbc3a
```
#ebbc3a rgb(235,188,58)
```
#ecc24c
```
#ecc24c rgb(236,194,76)
```
#eec85e
```
#eec85e rgb(238,200,94)
```
#f0ce70
```
#f0ce70 rgb(240,206,112)
```
#f2d481
```
#f2d481 rgb(242,212,129)
```
#f4da93
```
#f4da93 rgb(244,218,147)
```
#f6e0a5
```
#f6e0a5 rgb(246,224,165)
```
#f7e6b7
```
#f7e6b7 rgb(247,230,183)
```
#f9ecc8
```
#f9ecc8 rgb(249,236,200)
```
#fbf3da
```
#fbf3da rgb(251,243,218)
```
#fdf9ec
```
#fdf9ec rgb(253,249,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#7a7770
```
#7a7770 rgb(122,119,112)
```
#837c67
```
#837c67 rgb(131,124,103)
```
#8c805e
```
#8c805e rgb(140,128,94)
```
#958455
```
#958455 rgb(149,132,85)
```
#9e884c
```
#9e884c rgb(158,136,76)
```
#a78d43
```
#a78d43 rgb(167,141,67)
```
#b0913a
```
#b0913a rgb(176,145,58)
```
#b99531
```
#b99531 rgb(185,149,49)
```
#c29928
```
#c29928 rgb(194,153,40)
```
#cb9e1f
```
#cb9e1f rgb(203,158,31)
```
#d4a216
```
#d4a216 rgb(212,162,22)
```
#dda60d
```
#dda60d rgb(221,166,13)
```
#e6ab04
```
#e6ab04 rgb(230,171,4)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#aba185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae24 Protanopia 1% of men
#d9a523 Deuteranopia 1% of men
#de9ba6 Tritanopia 0.001% of the population

Trichromacy

#c9a91f Protanomaly 1% of men, 0.01% of women
#d7a41e Deuteranomaly 6% of men, 0.4% of women
#da9e72 Tritanomaly 0.01% of the population

#d4a216 hex color

#d4a216 Color Information

#d4a216 Color Conversion

Color Schemes with #d4a216

Alternatives to #d4a216

#d4a216 Preview

Shades and Tints of #d4a216

Tones of #d4a216

Color Blindness Simulator