#d2a522 hex color

In a RGB color space, hex #d2a522 is composed of 82.4% red, 64.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.4% magenta, 83.8% yellow and 17.6% black. It has a hue angle of 44.7 degrees, a saturation of 72.1% and a lightness of 47.8%. #d2a522 color hex could be obtained by blending #ffff44 with #a54b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 82
- G 65
- B 13
RGB color chart
- C 0
- M 21
- Y 84
- K 18
CMYK color chart

● #d2a522 color description : Strong orange.

The hexadecimal color #d2a522 has RGB values of R:210, G:165, B:34 and CMYK values of C:0, M:0.21, Y:0.84, K:0.18. Its decimal value is 13804834.

Hex triplet	d2a522	`#d2a522`
RGB Decimal	210, 165, 34	`rgb(210,165,34)`
RGB Percent	82.4, 64.7, 13.3	`rgb(82.4%,64.7%,13.3%)`
CMYK	0, 21, 84, 18
HSL	44.7°, 72.1, 47.8	`hsl(44.7,72.1%,47.8%)`
HSV (or HSB)	44.7°, 83.8, 82.4
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.986, 5.071, 67.185
XYZ	40.323, 40.729, 7.251
xyY	0.457, 0.461, 40.729
CIE-LCH	69.986, 67.376, 85.684
CIE-LUV	69.986, 38.044, 69.439
Hunter-Lab	63.82, 1.097, 37.937
Binary	11010010, 10100101, 00100010

#d2a522
```
#d2a522 rgb(210,165,34)
```
#224fd2
```
#224fd2 rgb(34,79,210)
```

Complementary Color

#d24d22
```
#d24d22 rgb(210,77,34)
```
#d2a522
```
#d2a522 rgb(210,165,34)
```
#a7d222
```
#a7d222 rgb(167,210,34)
```

Analogous Color

#4d22d2
```
#4d22d2 rgb(77,34,210)
```
#d2a522
```
#d2a522 rgb(210,165,34)
```
#22a7d2
```
#22a7d2 rgb(34,167,210)
```

Split Complementary Color

#a522d2
```
#a522d2 rgb(165,34,210)
```
#d2a522
```
#d2a522 rgb(210,165,34)
```
#22d2a5
```
#22d2a5 rgb(34,210,165)
```

Triadic Color

#d2224f
```
#d2224f rgb(210,34,79)
```
#d2a522
```
#d2a522 rgb(210,165,34)
```
#22d2a5
```
#22d2a5 rgb(34,210,165)
```
#224fd2
```
#224fd2 rgb(34,79,210)
```

Tetradic Color

#907117
```
#907117 rgb(144,113,23)
```
#a6831b
```
#a6831b rgb(166,131,27)
```
#bc941e
```
#bc941e rgb(188,148,30)
```
#d2a522
```
#d2a522 rgb(210,165,34)
```
#ddb130
```
#ddb130 rgb(221,177,48)
```
#e1b946
```
#e1b946 rgb(225,185,70)
```
#e5c25c
```
#e5c25c rgb(229,194,92)
```

Monochromatic Color

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

#d27922
```
#d27922 rgb(210,121,34)
```
#d28822
```
#d28822 rgb(210,136,34)
```
#d29622
```
#d29622 rgb(210,150,34)
```
#d2a522
```
#d2a522 rgb(210,165,34)
```
#d2b422
```
#d2b422 rgb(210,180,34)
```
#d2c222
```
#d2c222 rgb(210,194,34)
```
#d2d122
```
#d2d122 rgb(210,209,34)
```

Similar Colors

Text with hexadecimal color #d2a522

This text has a font color of #d2a522.

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

#d2a522 background color

This paragraph has a background color of #d2a522.

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

#d2a522 border color

This element has a border color of #d2a522.

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

CSS codes

.text {color:#d2a522;}

.background {background-color:#d2a522;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#181304
```
#181304 rgb(24,19,4)
```
#292007
```
#292007 rgb(41,32,7)
```
#3a2e09
```
#3a2e09 rgb(58,46,9)
```
#4b3b0c
```
#4b3b0c rgb(75,59,12)
```
#5c480f
```
#5c480f rgb(92,72,15)
```
#6d5512
```
#6d5512 rgb(109,85,18)
```
#7e6314
```
#7e6314 rgb(126,99,20)
```
#8e7017
```
#8e7017 rgb(142,112,23)
```
#9f7d1a
```
#9f7d1a rgb(159,125,26)
```
#b08a1d
```
#b08a1d rgb(176,138,29)
```
#c1981f
```
#c1981f rgb(193,152,31)
```
#d2a522
```
#d2a522 rgb(210,165,34)
```

Shade Color Variation

#ddaf2b
```
#ddaf2b rgb(221,175,43)
```
#dfb63c
```
#dfb63c rgb(223,182,60)
```
#e2bc4d
```
#e2bc4d rgb(226,188,77)
```
#e5c25e
```
#e5c25e rgb(229,194,94)
```
#e8c96e
```
#e8c96e rgb(232,201,110)
```
#eacf7f
```
#eacf7f rgb(234,207,127)
```
#edd590
```
#edd590 rgb(237,213,144)
```
#f0dca1
```
#f0dca1 rgb(240,220,161)
```
#f3e2b2
```
#f3e2b2 rgb(243,226,178)
```
#f5e8c3
```
#f5e8c3 rgb(245,232,195)
```
#f8efd4
```
#f8efd4 rgb(248,239,212)
```
#fbf5e5
```
#fbf5e5 rgb(251,245,229)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#7e7c76
```
#7e7c76 rgb(126,124,118)
```
#87806d
```
#87806d rgb(135,128,109)
```
#908564
```
#908564 rgb(144,133,100)
```
#9a895a
```
#9a895a rgb(154,137,90)
```
#a38e51
```
#a38e51 rgb(163,142,81)
```
#ac9348
```
#ac9348 rgb(172,147,72)
```
#b6973e
```
#b6973e rgb(182,151,62)
```
#bf9c35
```
#bf9c35 rgb(191,156,53)
```
#c9a02b
```
#c9a02b rgb(201,160,43)
```
#d2a522
```
#d2a522 rgb(210,165,34)
```
#dbaa19
```
#dbaa19 rgb(219,170,25)
```
#e5ae0f
```
#e5ae0f rgb(229,174,15)
```
#eeb306
```
#eeb306 rgb(238,179,6)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#ada48a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4af2f Protanopia 1% of men
#daa72f Deuteranopia 1% of men
#dc9ea9 Tritanopia 0.001% of the population

Trichromacy

#c9ab2a Protanomaly 1% of men, 0.01% of women
#d7a62a Deuteranomaly 6% of men, 0.4% of women
#d8a178 Tritanomaly 0.01% of the population

#d2a522 hex color

#d2a522 Color Information

#d2a522 Color Conversion

Color Schemes with #d2a522

Alternatives to #d2a522

#d2a522 Preview

Shades and Tints of #d2a522

Tones of #d2a522

Color Blindness Simulator