#d7a02a hex color

In a RGB color space, hex #d7a02a is composed of 84.3% red, 62.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.6% magenta, 80.5% yellow and 15.7% black. It has a hue angle of 40.9 degrees, a saturation of 68.4% and a lightness of 50.4%. #d7a02a color hex could be obtained by blending #ffff54 with #af4100. Closest websafe color is: #cc9933.

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

● #d7a02a color description : Strong orange.

The hexadecimal color #d7a02a has RGB values of R:215, G:160, B:42 and CMYK values of C:0, M:0.26, Y:0.8, K:0.16. Its decimal value is 14131242.

Hex triplet	d7a02a	`#d7a02a`
RGB Decimal	215, 160, 42	`rgb(215,160,42)`
RGB Percent	84.3, 62.7, 16.5	`rgb(84.3%,62.7%,16.5%)`
CMYK	0, 26, 80, 16
HSL	40.9°, 68.4, 50.4	`hsl(40.9,68.4%,50.4%)`
HSV (or HSB)	40.9°, 80.5, 84.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.297, 10.175, 64.342
XYZ	41.014, 39.758, 7.704
xyY	0.464, 0.449, 39.758
CIE-LCH	69.297, 65.141, 81.014
CIE-LUV	69.297, 45.531, 66.133
Hunter-Lab	63.054, 5.762, 36.893
Binary	11010111, 10100000, 00101010

#d7a02a
```
#d7a02a rgb(215,160,42)
```
#2a61d7
```
#2a61d7 rgb(42,97,215)
```

Complementary Color

#d74a2a
```
#d74a2a rgb(215,74,42)
```
#d7a02a
```
#d7a02a rgb(215,160,42)
```
#b8d72a
```
#b8d72a rgb(184,215,42)
```

Analogous Color

#492ad7
```
#492ad7 rgb(73,42,215)
```
#d7a02a
```
#d7a02a rgb(215,160,42)
```
#2ab8d7
```
#2ab8d7 rgb(42,184,215)
```

Split Complementary Color

#a02ad7
```
#a02ad7 rgb(160,42,215)
```
#d7a02a
```
#d7a02a rgb(215,160,42)
```
#2ad7a0
```
#2ad7a0 rgb(42,215,160)
```

Triadic Color

#d72a61
```
#d72a61 rgb(215,42,97)
```
#d7a02a
```
#d7a02a rgb(215,160,42)
```
#2ad7a0
```
#2ad7a0 rgb(42,215,160)
```
#2a61d7
```
#2a61d7 rgb(42,97,215)
```

Tetradic Color

#98711d
```
#98711d rgb(152,113,29)
```
#ad8121
```
#ad8121 rgb(173,129,33)
```
#c39125
```
#c39125 rgb(195,145,37)
```
#d7a02a
```
#d7a02a rgb(215,160,42)
```
#dbaa3f
```
#dbaa3f rgb(219,170,63)
```
#dfb355
```
#dfb355 rgb(223,179,85)
```
#e3bd6a
```
#e3bd6a rgb(227,189,106)
```

Monochromatic Color

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

#d7752a
```
#d7752a rgb(215,117,42)
```
#d7832a
```
#d7832a rgb(215,131,42)
```
#d7922a
```
#d7922a rgb(215,146,42)
```
#d7a02a
```
#d7a02a rgb(215,160,42)
```
#d7ae2a
```
#d7ae2a rgb(215,174,42)
```
#d7bd2a
```
#d7bd2a rgb(215,189,42)
```
#d7cb2a
```
#d7cb2a rgb(215,203,42)
```

Similar Colors

Text with hexadecimal color #d7a02a

This text has a font color of #d7a02a.

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

#d7a02a background color

This paragraph has a background color of #d7a02a.

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

#d7a02a border color

This element has a border color of #d7a02a.

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

CSS codes

.text {color:#d7a02a;}

.background {background-color:#d7a02a;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120d03
```
#120d03 rgb(18,13,3)
```
#231a07
```
#231a07 rgb(35,26,7)
```
#33260a
```
#33260a rgb(51,38,10)
```
#44320d
```
#44320d rgb(68,50,13)
```
#543e10
```
#543e10 rgb(84,62,16)
```
#654b13
```
#654b13 rgb(101,75,19)
```
#755716
```
#755716 rgb(117,87,22)
```
#866319
```
#866319 rgb(134,99,25)
```
#966f1c
```
#966f1c rgb(150,111,28)
```
#a77c1f
```
#a77c1f rgb(167,124,31)
```
#b78822
```
#b78822 rgb(183,136,34)
```
#c89426
```
#c89426 rgb(200,148,38)
```

Shade Color Variation

#d7a02a
```
#d7a02a rgb(215,160,42)
```
#daa73b
```
#daa73b rgb(218,167,59)
```
#ddaf4b
```
#ddaf4b rgb(221,175,75)
```
#e0b65c
```
#e0b65c rgb(224,182,92)
```
#e3bd6c
```
#e3bd6c rgb(227,189,108)
```
#e7c57d
```
#e7c57d rgb(231,197,125)
```
#eacc8d
```
#eacc8d rgb(234,204,141)
```
#edd49e
```
#edd49e rgb(237,212,158)
```
#f0dbae
```
#f0dbae rgb(240,219,174)
```
#f3e2bf
```
#f3e2bf rgb(243,226,191)
```
#f6eacf
```
#f6eacf rgb(246,234,207)
```
#f9f1e0
```
#f9f1e0 rgb(249,241,224)
```
#fcf8f0
```
#fcf8f0 rgb(252,248,240)
```

Tint Color Variation

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

#898478
```
#898478 rgb(137,132,120)
```
#93876e
```
#93876e rgb(147,135,110)
```
#9d8b64
```
#9d8b64 rgb(157,139,100)
```
#a68e5b
```
#a68e5b rgb(166,142,91)
```
#b09251
```
#b09251 rgb(176,146,81)
```
#ba9547
```
#ba9547 rgb(186,149,71)
```
#c4993d
```
#c4993d rgb(196,153,61)
```
#cd9c34
```
#cd9c34 rgb(205,156,52)
```
#d7a02a
```
#d7a02a rgb(215,160,42)
```
#e1a420
```
#e1a420 rgb(225,164,32)
```
#eaa717
```
#eaa717 rgb(234,167,23)
```
#f4ab0d
```
#f4ab0d rgb(244,171,13)
```
#feae03
```
#feae03 rgb(254,174,3)
```

Tone Color Variation

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

Dichromacy

#c1ad37 Protanopia 1% of men
#d7a534 Deuteranopia 1% of men
#e09aa5 Tritanopia 0.001% of the population

Trichromacy

#c9a832 Protanomaly 1% of men, 0.01% of women
#d7a330 Deuteranomaly 6% of men, 0.4% of women
#dd9c78 Tritanomaly 0.01% of the population

#d7a02a hex color

#d7a02a Color Information

#d7a02a Color Conversion

Color Schemes with #d7a02a

Alternatives to #d7a02a

#d7a02a Preview

Shades and Tints of #d7a02a

Tones of #d7a02a

Color Blindness Simulator