Goldenrod / #daa520 hex color

In a RGB color space, hex #daa520 (also known as Goldenrod) is composed of 85.5% red, 64.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.3% magenta, 85.3% yellow and 14.5% black. It has a hue angle of 42.9 degrees, a saturation of 74.4% and a lightness of 49%. #daa520 color hex could be obtained by blending #ffff40 with #b54b00. Closest websafe color is: #cc9933.

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

● #daa520 color description : Vivid orange.

The hexadecimal color #daa520 has RGB values of R:218, G:165, B:32 and CMYK values of C:0, M:0.24, Y:0.85, K:0.15. Its decimal value is 14329120.

Hex triplet	daa520	`#daa520`
RGB Decimal	218, 165, 32	`rgb(218,165,32)`
RGB Percent	85.5, 64.7, 12.5	`rgb(85.5%,64.7%,12.5%)`
CMYK	0, 24, 85, 15
HSL	42.9°, 74.4, 49	`hsl(42.9,74.4%,49%)`
HSV (or HSB)	42.9°, 85.3, 85.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.817, 8.521, 68.76
XYZ	42.63, 41.922, 7.213
xyY	0.465, 0.457, 41.922
CIE-LCH	70.817, 69.286, 82.936
CIE-LUV	70.817, 44.36, 69.993
Hunter-Lab	64.747, 4.218, 38.718
Binary	11011010, 10100101, 00100000

#daa520
```
#daa520 rgb(218,165,32)
```
#2055da
```
#2055da rgb(32,85,218)
```

Complementary Color

#da4820
```
#da4820 rgb(218,72,32)
```
#daa520
```
#daa520 rgb(218,165,32)
```
#b2da20
```
#b2da20 rgb(178,218,32)
```

Analogous Color

#4820da
```
#4820da rgb(72,32,218)
```
#daa520
```
#daa520 rgb(218,165,32)
```
#20b2da
```
#20b2da rgb(32,178,218)
```

Split Complementary Color

#a520da
```
#a520da rgb(165,32,218)
```
#daa520
```
#daa520 rgb(218,165,32)
```
#20daa5
```
#20daa5 rgb(32,218,165)
```

Triadic Color

#da2055
```
#da2055 rgb(218,32,85)
```
#daa520
```
#daa520 rgb(218,165,32)
```
#20daa5
```
#20daa5 rgb(32,218,165)
```
#2055da
```
#2055da rgb(32,85,218)
```

Tetradic Color

#977316
```
#977316 rgb(151,115,22)
```
#ae8319
```
#ae8319 rgb(174,131,25)
```
#c4941d
```
#c4941d rgb(196,148,29)
```
#daa520
```
#daa520 rgb(218,165,32)
```
#e1af33
```
#e1af33 rgb(225,175,51)
```
#e4b849
```
#e4b849 rgb(228,184,73)
```
#e8c15f
```
#e8c15f rgb(232,193,95)
```

Monochromatic Color

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

#da7720
```
#da7720 rgb(218,119,32)
```
#da8620
```
#da8620 rgb(218,134,32)
```
#da9620
```
#da9620 rgb(218,150,32)
```
#daa520
```
#daa520 rgb(218,165,32)
```
#dab520
```
#dab520 rgb(218,181,32)
```
#dac420
```
#dac420 rgb(218,196,32)
```
#dad420
```
#dad420 rgb(218,212,32)
```

Similar Colors

Text with hexadecimal color #daa520

This text has a font color of #daa520.

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

#daa520 background color

This paragraph has a background color of #daa520.

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

#daa520 border color

This element has a border color of #daa520.

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

CSS codes

.text {color:#daa520;}

.background {background-color:#daa520;}

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

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

#0d0a02
```
#0d0a02 rgb(13,10,2)
```
#1e1704
```
#1e1704 rgb(30,23,4)
```
#2f2407
```
#2f2407 rgb(47,36,7)
```
#403009
```
#403009 rgb(64,48,9)
```
#513d0c
```
#513d0c rgb(81,61,12)
```
#624a0e
```
#624a0e rgb(98,74,14)
```
#735711
```
#735711 rgb(115,87,17)
```
#846413
```
#846413 rgb(132,100,19)
```
#967116
```
#967116 rgb(150,113,22)
```
#a77e18
```
#a77e18 rgb(167,126,24)
```
#b88b1b
```
#b88b1b rgb(184,139,27)
```
#c9981d
```
#c9981d rgb(201,152,29)
```
#daa520
```
#daa520 rgb(218,165,32)
```

Shade Color Variation

#e0ad2d
```
#e0ad2d rgb(224,173,45)
```
#e3b43e
```
#e3b43e rgb(227,180,62)
```
#e5bb50
```
#e5bb50 rgb(229,187,80)
```
#e8c161
```
#e8c161 rgb(232,193,97)
```
#eac872
```
#eac872 rgb(234,200,114)
```
#edcf83
```
#edcf83 rgb(237,207,131)
```
#efd594
```
#efd594 rgb(239,213,148)
```
#f2dca5
```
#f2dca5 rgb(242,220,165)
```
#f4e3b6
```
#f4e3b6 rgb(244,227,182)
```
#f7e9c7
```
#f7e9c7 rgb(247,233,199)
```
#f9f0d8
```
#f9f0d8 rgb(249,240,216)
```
#fcf7ea
```
#fcf7ea rgb(252,247,234)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#838077
```
#838077 rgb(131,128,119)
```
#8d846d
```
#8d846d rgb(141,132,109)
```
#978863
```
#978863 rgb(151,136,99)
```
#a08c5a
```
#a08c5a rgb(160,140,90)
```
#aa9050
```
#aa9050 rgb(170,144,80)
```
#b49446
```
#b49446 rgb(180,148,70)
```
#bd993d
```
#bd993d rgb(189,153,61)
```
#c79d33
```
#c79d33 rgb(199,157,51)
```
#d0a12a
```
#d0a12a rgb(208,161,42)
```
#daa520
```
#daa520 rgb(218,165,32)
```
#e4a916
```
#e4a916 rgb(228,169,22)
```
#edad0d
```
#edad0d rgb(237,173,13)
```
#f7b103
```
#f7b103 rgb(247,177,3)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b0a68b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b12d Protanopia 1% of men
#dda92c Deuteranopia 1% of men
#e49ea9 Tritanopia 0.001% of the population

Trichromacy

#cdad28 Protanomaly 1% of men, 0.01% of women
#dca727 Deuteranomaly 6% of men, 0.4% of women
#e0a177 Tritanomaly 0.01% of the population

Goldenrod / #daa520 hex color

#daa520 Color Information

#daa520 Color Conversion

Color Schemes with #daa520

Alternatives to #daa520

#daa520 Preview

Shades and Tints of #daa520

Tones of #daa520

Color Blindness Simulator