#d7a620 hex color

In a RGB color space, hex #d7a620 is composed of 84.3% red, 65.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.8% magenta, 85.1% yellow and 15.7% black. It has a hue angle of 43.9 degrees, a saturation of 74.1% and a lightness of 48.4%. #d7a620 color hex could be obtained by blending #ffff40 with #af4d00. Closest websafe color is: #cc9933.

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

● #d7a620 color description : Strong orange.

The hexadecimal color #d7a620 has RGB values of R:215, G:166, B:32 and CMYK values of C:0, M:0.23, Y:0.85, K:0.16. Its decimal value is 14132768.

Hex triplet	d7a620	`#d7a620`
RGB Decimal	215, 166, 32	`rgb(215,166,32)`
RGB Percent	84.3, 65.1, 12.5	`rgb(84.3%,65.1%,12.5%)`
CMYK	0, 23, 85, 16
HSL	43.9°, 74.1, 48.4	`hsl(43.9,74.1%,48.4%)`
HSV (or HSB)	43.9°, 85.1, 84.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.751, 6.676, 68.576
XYZ	41.922, 41.826, 7.232
xyY	0.461, 0.46, 41.826
CIE-LCH	70.751, 68.9, 84.439
CIE-LUV	70.751, 41.235, 70.293
Hunter-Lab	64.673, 2.529, 38.641
Binary	11010111, 10100110, 00100000

#d7a620
```
#d7a620 rgb(215,166,32)
```
#2051d7
```
#2051d7 rgb(32,81,215)
```

Complementary Color

#d74b20
```
#d74b20 rgb(215,75,32)
```
#d7a620
```
#d7a620 rgb(215,166,32)
```
#add720
```
#add720 rgb(173,215,32)
```

Analogous Color

#4b20d7
```
#4b20d7 rgb(75,32,215)
```
#d7a620
```
#d7a620 rgb(215,166,32)
```
#20add7
```
#20add7 rgb(32,173,215)
```

Split Complementary Color

#a620d7
```
#a620d7 rgb(166,32,215)
```
#d7a620
```
#d7a620 rgb(215,166,32)
```
#20d7a6
```
#20d7a6 rgb(32,215,166)
```

Triadic Color

#d72051
```
#d72051 rgb(215,32,81)
```
#d7a620
```
#d7a620 rgb(215,166,32)
```
#20d7a6
```
#20d7a6 rgb(32,215,166)
```
#2051d7
```
#2051d7 rgb(32,81,215)
```

Tetradic Color

#947316
```
#947316 rgb(148,115,22)
```
#ab8419
```
#ab8419 rgb(171,132,25)
```
#c1951d
```
#c1951d rgb(193,149,29)
```
#d7a620
```
#d7a620 rgb(215,166,32)
```
#e0b130
```
#e0b130 rgb(224,177,48)
```
#e4b946
```
#e4b946 rgb(228,185,70)
```
#e7c25d
```
#e7c25d rgb(231,194,93)
```

Monochromatic Color

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

#d77820
```
#d77820 rgb(215,120,32)
```
#d78820
```
#d78820 rgb(215,136,32)
```
#d79720
```
#d79720 rgb(215,151,32)
```
#d7a620
```
#d7a620 rgb(215,166,32)
```
#d7b520
```
#d7b520 rgb(215,181,32)
```
#d7c520
```
#d7c520 rgb(215,197,32)
```
#d7d420
```
#d7d420 rgb(215,212,32)
```

Similar Colors

Text with hexadecimal color #d7a620

This text has a font color of #d7a620.

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

#d7a620 background color

This paragraph has a background color of #d7a620.

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

#d7a620 border color

This element has a border color of #d7a620.

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

CSS codes

.text {color:#d7a620;}

.background {background-color:#d7a620;}

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

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)
```
#1b1504
```
#1b1504 rgb(27,21,4)
```
#2c2207
```
#2c2207 rgb(44,34,7)
```
#3d2f09
```
#3d2f09 rgb(61,47,9)
```
#4e3d0c
```
#4e3d0c rgb(78,61,12)
```
#5f4a0e
```
#5f4a0e rgb(95,74,14)
```
#715711
```
#715711 rgb(113,87,17)
```
#826413
```
#826413 rgb(130,100,19)
```
#937116
```
#937116 rgb(147,113,22)
```
#a47e18
```
#a47e18 rgb(164,126,24)
```
#b58c1b
```
#b58c1b rgb(181,140,27)
```
#c6991d
```
#c6991d rgb(198,153,29)
```
#d7a620
```
#d7a620 rgb(215,166,32)
```

Shade Color Variation

#dfaf2b
```
#dfaf2b rgb(223,175,43)
```
#e2b63c
```
#e2b63c rgb(226,182,60)
```
#e5bc4d
```
#e5bc4d rgb(229,188,77)
```
#e7c25e
```
#e7c25e rgb(231,194,94)
```
#eac96f
```
#eac96f rgb(234,201,111)
```
#eccf81
```
#eccf81 rgb(236,207,129)
```
#efd692
```
#efd692 rgb(239,214,146)
```
#f1dca3
```
#f1dca3 rgb(241,220,163)
```
#f4e3b4
```
#f4e3b4 rgb(244,227,180)
```
#f6e9c5
```
#f6e9c5 rgb(246,233,197)
```
#f9f0d6
```
#f9f0d6 rgb(249,240,214)
```
#fbf6e7
```
#fbf6e7 rgb(251,246,231)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#827e76
```
#827e76 rgb(130,126,118)
```
#8b836c
```
#8b836c rgb(139,131,108)
```
#958763
```
#958763 rgb(149,135,99)
```
#9e8c59
```
#9e8c59 rgb(158,140,89)
```
#a89050
```
#a89050 rgb(168,144,80)
```
#b19446
```
#b19446 rgb(177,148,70)
```
#bb993d
```
#bb993d rgb(187,153,61)
```
#c49d33
```
#c49d33 rgb(196,157,51)
```
#cea22a
```
#cea22a rgb(206,162,42)
```
#d7a620
```
#d7a620 rgb(215,166,32)
```
#e1aa17
```
#e1aa17 rgb(225,170,23)
```
#eaaf0d
```
#eaaf0d rgb(234,175,13)
```
#f4b304
```
#f4b304 rgb(244,179,4)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#afa58a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b12d Protanopia 1% of men
#dda82c Deuteranopia 1% of men
#e19faa Tritanopia 0.001% of the population

Trichromacy

#ccad28 Protanomaly 1% of men, 0.01% of women
#daa728 Deuteranomaly 6% of men, 0.4% of women
#dda178 Tritanomaly 0.01% of the population

#d7a620 hex color

#d7a620 Color Information

#d7a620 Color Conversion

Color Schemes with #d7a620

Alternatives to #d7a620

#d7a620 Preview

Shades and Tints of #d7a620

Tones of #d7a620

Color Blindness Simulator