Huebook

Goldenrod (CSS) Complementary Color Scheme

Five colors arranged by the complementary rule around Goldenrod (CSS) (#DAA520), each snapped to its nearest named color.

#DAA520
#E4C36C
#214FC6
#113691
#6495ED

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Goldenrod (CSS)#DAA520218, 165, 3243°, 74%, 49%0, 24, 85, 1575.2% 0.147 84
Bountiful Gold#E4C36C228, 195, 10843°, 69%, 66%0, 14, 53, 1182.8% 0.113 89
New Car#214FC633, 79, 198223°, 71%, 45%83, 60, 0, 2247.5% 0.192 264
Dark Seashore Night#11369117, 54, 145223°, 79%, 32%88, 63, 0, 4337.2% 0.156 264
Guilliman Blue#6495ED100, 149, 237219°, 79%, 66%58, 37, 0, 767.5% 0.141 261

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E4C36C on #1136916.29:1AA
Aa #DAA520 on #1136914.79:1AA
Aa #E4C36C on #214FC64.11:1AA large
Aa #113691 on #6495ED3.60:1AA large
Aa #DAA520 on #214FC63.13:1AA large
Aa #214FC6 on #6495ED2.36:1—

CSS variables

:root {
  --color-1: #daa520; /* Goldenrod (CSS) */
  --color-2: #e4c36c; /* Bountiful Gold */
  --color-3: #214fc6; /* New Car */
  --color-4: #113691; /* Dark Seashore Night */
  --color-5: #6495ed; /* Guilliman Blue */
}

Other schemes from Goldenrod (CSS)

More medium orange complementary color schemes

Questions

What colors go with Goldenrod (CSS)?

In a complementary scheme: Bountiful Gold (#E4C36C), New Car (#214FC6), Dark Seashore Night (#113691), Guilliman Blue (#6495ED).

What is the hex code of Goldenrod (CSS)?

#DAA520.