Goldenrod Color
#DAA520
Shades
Darker variations of each color in your palette
Base Color
#DAA520#DAA520
#AE841A
#836313
#57420D
#2C2106
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#DAA520#DAA520
#E1B74D
#E9C979
#F0DBA6
#F8EDD2
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #DAA520 |  |
| RGB | 218, 165, 32 | |
| HSL | 43, 74%, 49% | |
| CMYK | 0%, 24%, 85%, 15% | |
| OKLCH | oklch(0.752 0.147 84) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#DAA520#D94920
#DAA520
#B1D920
Analogous
#DAA520
#2055D9
Complementary
#DAA520
#20D9A5
#A520D9
Triadic
#DAA520
#20B1D9
#4920D9
Split Complementary
#DAA520
#20D949
#2055D9
#D920B1
Tetradic
#59430D
#9B7617
#DEA821
#E8C264
#F2DCA6
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#DAA520#D92020
#D9D920
#20D920
#20D9D9
#2020D9
#D920D9
Hues
Tones
Tones created by adding gray to each color
Base Color
#DAA520#DAA520
#C89E33
#B69646
#A48F5A
#92876D
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#DAA520#E0A21F
#E59F1D
#EB9D1C
Warmer
#D0A241
#C69F63
#BD9D84
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#DAA520On White Background
Sample Text
Contrast Ratio:2.24:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:9.38:1
WCAG Level:AAA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)