#d5a022 hex color

In a RGB color space, hex #d5a022 is composed of 83.5% red, 62.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.9% magenta, 84% yellow and 16.5% black. It has a hue angle of 42.2 degrees, a saturation of 72.5% and a lightness of 48.4%. #d5a022 color hex could be obtained by blending #ffff44 with #ab4100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 63
- B 13
RGB color chart
- C 0
- M 25
- Y 84
- K 16
CMYK color chart

● #d5a022 color description : Strong orange.

The hexadecimal color #d5a022 has RGB values of R:213, G:160, B:34 and CMYK values of C:0, M:0.25, Y:0.84, K:0.16. Its decimal value is 14000162.

Hex triplet	d5a022	`#d5a022`
RGB Decimal	213, 160, 34	`rgb(213,160,34)`
RGB Percent	83.5, 62.7, 13.3	`rgb(83.5%,62.7%,13.3%)`
CMYK	0, 25, 84, 16
HSL	42.2°, 72.5, 48.4	`hsl(42.2,72.5%,48.4%)`
HSV (or HSB)	42.2°, 84, 83.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.044, 9.063, 66.52
XYZ	40.301, 39.405, 6.997
xyY	0.465, 0.454, 39.405
CIE-LCH	69.044, 67.134, 82.242
CIE-LUV	69.044, 44.218, 67.581
Hunter-Lab	62.774, 4.743, 37.333
Binary	11010101, 10100000, 00100010

#d5a022
```
#d5a022 rgb(213,160,34)
```
#2257d5
```
#2257d5 rgb(34,87,213)
```

Complementary Color

#d54722
```
#d54722 rgb(213,71,34)
```
#d5a022
```
#d5a022 rgb(213,160,34)
```
#b1d522
```
#b1d522 rgb(177,213,34)
```

Analogous Color

#4722d5
```
#4722d5 rgb(71,34,213)
```
#d5a022
```
#d5a022 rgb(213,160,34)
```
#22b1d5
```
#22b1d5 rgb(34,177,213)
```

Split Complementary Color

#a022d5
```
#a022d5 rgb(160,34,213)
```
#d5a022
```
#d5a022 rgb(213,160,34)
```
#22d5a0
```
#22d5a0 rgb(34,213,160)
```

Triadic Color

#d52257
```
#d52257 rgb(213,34,87)
```
#d5a022
```
#d5a022 rgb(213,160,34)
```
#22d5a0
```
#22d5a0 rgb(34,213,160)
```
#2257d5
```
#2257d5 rgb(34,87,213)
```

Tetradic Color

#936e17
```
#936e17 rgb(147,110,23)
```
#a97f1b
```
#a97f1b rgb(169,127,27)
```
#bf8f1e
```
#bf8f1e rgb(191,143,30)
```
#d5a022
```
#d5a022 rgb(213,160,34)
```
#deab32
```
#deab32 rgb(222,171,50)
```
#e2b448
```
#e2b448 rgb(226,180,72)
```
#e5bd5e
```
#e5bd5e rgb(229,189,94)
```

Monochromatic Color

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

#d57322
```
#d57322 rgb(213,115,34)
```
#d58222
```
#d58222 rgb(213,130,34)
```
#d59122
```
#d59122 rgb(213,145,34)
```
#d5a022
```
#d5a022 rgb(213,160,34)
```
#d5af22
```
#d5af22 rgb(213,175,34)
```
#d5be22
```
#d5be22 rgb(213,190,34)
```
#d5cd22
```
#d5cd22 rgb(213,205,34)
```

Similar Colors

Text with hexadecimal color #d5a022

This text has a font color of #d5a022.

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

#d5a022 background color

This paragraph has a background color of #d5a022.

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

#d5a022 border color

This element has a border color of #d5a022.

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

CSS codes

.text {color:#d5a022;}

.background {background-color:#d5a022;}

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

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, #0a0802 is the darkest color, while #fefcf8 is the lightest one.

#0a0802
```
#0a0802 rgb(10,8,2)
```
#1b1404
```
#1b1404 rgb(27,20,4)
```
#2c2107
```
#2c2107 rgb(44,33,7)
```
#3d2e0a
```
#3d2e0a rgb(61,46,10)
```
#4e3a0c
```
#4e3a0c rgb(78,58,12)
```
#5f470f
```
#5f470f rgb(95,71,15)
```
#705412
```
#705412 rgb(112,84,18)
```
#806014
```
#806014 rgb(128,96,20)
```
#916d17
```
#916d17 rgb(145,109,23)
```
#a27a1a
```
#a27a1a rgb(162,122,26)
```
#b3871d
```
#b3871d rgb(179,135,29)
```
#c4931f
```
#c4931f rgb(196,147,31)
```
#d5a022
```
#d5a022 rgb(213,160,34)
```

Shade Color Variation

#dda92d
```
#dda92d rgb(221,169,45)
```
#e0b03e
```
#e0b03e rgb(224,176,62)
```
#e3b74f
```
#e3b74f rgb(227,183,79)
```
#e6be60
```
#e6be60 rgb(230,190,96)
```
#e8c571
```
#e8c571 rgb(232,197,113)
```
#ebcc82
```
#ebcc82 rgb(235,204,130)
```
#eed393
```
#eed393 rgb(238,211,147)
```
#f0daa4
```
#f0daa4 rgb(240,218,164)
```
#f3e1b4
```
#f3e1b4 rgb(243,225,180)
```
#f6e7c5
```
#f6e7c5 rgb(246,231,197)
```
#f8eed6
```
#f8eed6 rgb(248,238,214)
```
#fbf5e7
```
#fbf5e7 rgb(251,245,231)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#807d78
```
#807d78 rgb(128,125,120)
```
#89816e
```
#89816e rgb(137,129,110)
```
#938565
```
#938565 rgb(147,133,101)
```
#9c895b
```
#9c895b rgb(156,137,91)
```
#a68d52
```
#a68d52 rgb(166,141,82)
```
#af9148
```
#af9148 rgb(175,145,72)
```
#b9943f
```
#b9943f rgb(185,148,63)
```
#c29835
```
#c29835 rgb(194,152,53)
```
#cc9c2c
```
#cc9c2c rgb(204,156,44)
```
#d5a022
```
#d5a022 rgb(213,160,34)
```
#dfa419
```
#dfa419 rgb(223,164,25)
```
#e8a80f
```
#e8a80f rgb(232,168,15)
```
#f2ac05
```
#f2ac05 rgb(242,172,5)
```

Tone Color Variation

Below, you can see how #d5a022 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
#aba188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad2f Protanopia 1% of men
#d7a42d Deuteranopia 1% of men
#de9aa5 Tritanopia 0.001% of the population

Trichromacy

#c8a82a Protanomaly 1% of men, 0.01% of women
#d6a329 Deuteranomaly 6% of men, 0.4% of women
#db9c75 Tritanomaly 0.01% of the population

#d5a022 hex color

#d5a022 Color Information

#d5a022 Color Conversion

Color Schemes with #d5a022

Alternatives to #d5a022

#d5a022 Preview

Shades and Tints of #d5a022

Tones of #d5a022

Color Blindness Simulator