Huebook

Gold Analogous Color Scheme

Five colors arranged by the analogous rule around Gold (#FFD700), each snapped to its nearest named color.

#FF0028
#FF5800
#FFD700
#AAFF00
#22FF00

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Ruddy#FF0028255, 0, 40351°, 100%, 50%0, 100, 84, 063.0% 0.256 26
Molten Core#FF5800255, 88, 021°, 100%, 50%0, 65, 100, 067.9% 0.215 40
Gold#FFD700255, 215, 051°, 100%, 50%0, 16, 100, 088.7% 0.182 95
Lime Candy Pearl#AAFF00170, 255, 080°, 100%, 50%33, 0, 100, 091.0% 0.245 130
Green Screen#22FF0034, 255, 0112°, 100%, 50%87, 0, 100, 086.8% 0.292 142

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF0028 on #AAFF003.22:1AA large
Aa #FF0028 on #22FF002.91:1—
Aa #FF0028 on #FFD7002.83:1—
Aa #FF5800 on #AAFF002.56:1—
Aa #FF5800 on #22FF002.31:1—
Aa #FF5800 on #FFD7002.25:1—

CSS variables

:root {
  --color-1: #ff0028; /* Ruddy */
  --color-2: #ff5800; /* Molten Core */
  --color-3: #ffd700; /* Gold */
  --color-4: #aaff00; /* Lime Candy Pearl */
  --color-5: #22ff00; /* Green Screen */
}

Other schemes from Gold

More medium yellow analogous color schemes

Questions

What colors go with Gold?

In a analogous scheme: Ruddy (#FF0028), Molten Core (#FF5800), Lime Candy Pearl (#AAFF00), Green Screen (#22FF00).

What is the hex code of Gold?

#FFD700.