#d5a218 hex color

In a RGB color space, hex #d5a218 is composed of 83.5% red, 63.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 88.7% yellow and 16.5% black. It has a hue angle of 43.8 degrees, a saturation of 79.7% and a lightness of 46.5%. #d5a218 color hex could be obtained by blending #ffff30 with #ab4500. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 84
- G 64
- B 9
RGB color chart
- C 0
- M 24
- Y 89
- K 16
CMYK color chart

● #d5a218 color description : Strong orange.

The hexadecimal color #d5a218 has RGB values of R:213, G:162, B:24 and CMYK values of C:0, M:0.24, Y:0.89, K:0.16. Its decimal value is 14000664.

Hex triplet	d5a218	`#d5a218`
RGB Decimal	213, 162, 24	`rgb(213,162,24)`
RGB Percent	83.5, 63.5, 9.4	`rgb(83.5%,63.5%,9.4%)`
CMYK	0, 24, 89, 16
HSL	43.8°, 79.7, 46.5	`hsl(43.8,79.7%,46.5%)`
HSV (or HSB)	43.8°, 88.7, 83.5
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.509, 7.76, 69.42
XYZ	40.527, 40.055, 6.461
xyY	0.466, 0.46, 40.055
CIE-LCH	69.509, 69.852, 83.622
CIE-LUV	69.509, 42.924, 69.814
Hunter-Lab	63.289, 3.545, 38.25
Binary	11010101, 10100010, 00011000

#d5a218
```
#d5a218 rgb(213,162,24)
```
#184bd5
```
#184bd5 rgb(24,75,213)
```

Complementary Color

#d54318
```
#d54318 rgb(213,67,24)
```
#d5a218
```
#d5a218 rgb(213,162,24)
```
#aad518
```
#aad518 rgb(170,213,24)
```

Analogous Color

#4418d5
```
#4418d5 rgb(68,24,213)
```
#d5a218
```
#d5a218 rgb(213,162,24)
```
#18aad5
```
#18aad5 rgb(24,170,213)
```

Split Complementary Color

#a218d5
```
#a218d5 rgb(162,24,213)
```
#d5a218
```
#d5a218 rgb(213,162,24)
```
#18d5a2
```
#18d5a2 rgb(24,213,162)
```

Triadic Color

#d5184b
```
#d5184b rgb(213,24,75)
```
#d5a218
```
#d5a218 rgb(213,162,24)
```
#18d5a2
```
#18d5a2 rgb(24,213,162)
```
#184bd5
```
#184bd5 rgb(24,75,213)
```

Tetradic Color

#906e10
```
#906e10 rgb(144,110,16)
```
#a77f13
```
#a77f13 rgb(167,127,19)
```
#be9115
```
#be9115 rgb(190,145,21)
```
#d5a218
```
#d5a218 rgb(213,162,24)
```
#e6b121
```
#e6b121 rgb(230,177,33)
```
#e9b937
```
#e9b937 rgb(233,185,55)
```
#ebc14e
```
#ebc14e rgb(235,193,78)
```

Monochromatic Color

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

#d57318
```
#d57318 rgb(213,115,24)
```
#d58318
```
#d58318 rgb(213,131,24)
```
#d59218
```
#d59218 rgb(213,146,24)
```
#d5a218
```
#d5a218 rgb(213,162,24)
```
#d5b218
```
#d5b218 rgb(213,178,24)
```
#d5c218
```
#d5c218 rgb(213,194,24)
```
#d5d118
```
#d5d118 rgb(213,209,24)
```

Similar Colors

Text with hexadecimal color #d5a218

This text has a font color of #d5a218.

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

#d5a218 background color

This paragraph has a background color of #d5a218.

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

#d5a218 border color

This element has a border color of #d5a218.

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

CSS codes

.text {color:#d5a218;}

.background {background-color:#d5a218;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130f02
```
#130f02 rgb(19,15,2)
```
#251c04
```
#251c04 rgb(37,28,4)
```
#362906
```
#362906 rgb(54,41,6)
```
#483708
```
#483708 rgb(72,55,8)
```
#5a440a
```
#5a440a rgb(90,68,10)
```
#6b520c
```
#6b520c rgb(107,82,12)
```
#7d5f0e
```
#7d5f0e rgb(125,95,14)
```
#8e6c10
```
#8e6c10 rgb(142,108,16)
```
#a07a12
```
#a07a12 rgb(160,122,18)
```
#b28714
```
#b28714 rgb(178,135,20)
```
#c39516
```
#c39516 rgb(195,149,22)
```
#d5a218
```
#d5a218 rgb(213,162,24)
```

Shade Color Variation

#e5af1b
```
#e5af1b rgb(229,175,27)
```
#e7b52d
```
#e7b52d rgb(231,181,45)
```
#e9bb3f
```
#e9bb3f rgb(233,187,63)
```
#ebc150
```
#ebc150 rgb(235,193,80)
```
#edc862
```
#edc862 rgb(237,200,98)
```
#efce73
```
#efce73 rgb(239,206,115)
```
#f1d485
```
#f1d485 rgb(241,212,133)
```
#f3da97
```
#f3da97 rgb(243,218,151)
```
#f5e0a8
```
#f5e0a8 rgb(245,224,168)
```
#f7e7ba
```
#f7e7ba rgb(247,231,186)
```
#f9edcc
```
#f9edcc rgb(249,237,204)
```
#fbf3dd
```
#fbf3dd rgb(251,243,221)
```
#fdf9ef
```
#fdf9ef rgb(253,249,239)
```

Tint Color Variation

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

#7a7873
```
#7a7873 rgb(122,120,115)
```
#837c6a
```
#837c6a rgb(131,124,106)
```
#8c8061
```
#8c8061 rgb(140,128,97)
```
#958558
```
#958558 rgb(149,133,88)
```
#9e894f
```
#9e894f rgb(158,137,79)
```
#a78d46
```
#a78d46 rgb(167,141,70)
```
#b1913c
```
#b1913c rgb(177,145,60)
```
#ba9533
```
#ba9533 rgb(186,149,51)
```
#c39a2a
```
#c39a2a rgb(195,154,42)
```
#cc9e21
```
#cc9e21 rgb(204,158,33)
```
#d5a218
```
#d5a218 rgb(213,162,24)
```
#dea60f
```
#dea60f rgb(222,166,15)
```
#e7aa06
```
#e7aa06 rgb(231,170,6)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#aca286 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae26 Protanopia 1% of men
#d9a524 Deuteranopia 1% of men
#df9ba6 Tritanopia 0.001% of the population

Trichromacy

#c9a921 Protanomaly 1% of men, 0.01% of women
#d7a420 Deuteranomaly 6% of men, 0.4% of women
#db9e72 Tritanomaly 0.01% of the population

#d5a218 hex color

#d5a218 Color Information

#d5a218 Color Conversion

Color Schemes with #d5a218

Alternatives to #d5a218

#d5a218 Preview

Shades and Tints of #d5a218

Tones of #d5a218

Color Blindness Simulator