brownwarmCSS named color

Goldenrod #DAA520

Goldenrod is a medium, highly saturated warm-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Earthy palettes · Warm neutrals

Open in generator →Colors that go with goldenrod →

Families: Browns · Golds · Mustard Colors

Color values

FormatValue
HEX#DAA520
RGBrgb(218, 165, 32)
HSLhsl(43, 74%, 49%)
HSVhsv(43, 85%, 85%)
OKLCHoklch(75.16% 0.147 84)
OKLaboklab(75.16% 0.0154 0.1461)
CMYKcmyk(0%, 24.3%, 85.3%, 14.5%)
XYZxyz(42.6323, 41.9233, 7.2129)
CIE-LABlab(70.8, 8.5, 68.8)
CIE-LCHlch(70.8, 69.3, 82.9°)
Luminance0.419 (WCAG relative)
/* Goldenrod */ --goldenrod: #daa520; color: #daa520; background-color: #daa520;

Source: W3C CSS named color. CSS keyword: goldenrod.

Collections: Gold Colors · Earth Tone Colors · Tropical Colors · Retro Colors · Citrus Colors · Sunset Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#c29320 #ab821f #94701e #7e601c #68501a #534017 #3f3114 #2c2310 #1b1509 #000000

Tints (toward white)

#e0ae3d #e6b654 #ebbf6a #f0c880 #f4d195 #f7daaa #fae3bf #fdecd4 #fef6e9 #ffffff

Tones (toward gray)

#d7a635 #d4a645 #d1a754 #cea862 #caa96f #c5aa7b #c0aa88 #bbab95 #b4aca1 #adadad

Color harmonies

Complementary

Edit in generator →
#DAA520
#2055DA
#daa520 #2055da

Analogous

Edit in generator →
#DA4820
#DAA520
#B2DA20
#da4820 #daa520 #b2da20

Triadic

Edit in generator →
#DAA520
#20DAA5
#A520DA
#daa520 #20daa5 #a520da

Tetradic

Edit in generator →
#DAA520
#20DA48
#2055DA
#DA20B2
#daa520 #20da48 #2055da #da20b2

Square

Edit in generator →
#DAA520
#20DA48
#2055DA
#DA20B2
#daa520 #20da48 #2055da #da20b2

Split Complementary

Edit in generator →
#DAA520
#20B2DA
#4820DA
#daa520 #20b2da #4820da

Monochromatic

Edit in generator →
#6F5410
#A57D18
#DAA520
#E6BB52
#EDD087
#6f5410 #a57d18 #daa520 #e6bb52 #edd087

Accessibility & contrast

2.24
#DAA520 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
9.38
#DAA520 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on goldenrod

9.38
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#BBA500
Deuteranopia (green-blind)
#C8B329
Tritanopia (blue-blind)
#ED948D

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Yellow Ochre #CB9D063.39
Burnt Yellow #D5AB093.95
Ocre #C69C044.49
Squash #F2AB154.99
Mustard #DBB42C5.31
Ocher #BF9B0C6.06

Colors that go with goldenrod

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Rust #B7410E
2.5:1
Analogous hue (Δh ≈25°) — neighbors on the color wheel
Burgundy #800020
4.8:1
Warm/cool bridge (Δh 58°) — adds depth without tension
Indigo #4B0082
5.8:1
Triadic harmony (Δh ≈128°) — balanced three-way contrast
Bluey Purple #6241C7
3.0:1
Split-complementary angle (Δh ≈148°) — strong but softer than direct complement
Navy #000080
7.2:1
Complementary hue (Δh ≈163°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.