Huebook

Hot Sand Tetradic Color Scheme

Five colors arranged by the tetradic rule around Hot Sand (#CCAA00), each snapped to its nearest named color.

#CCAA00
#11CC44
#0022CC
#CC0088
#FFDD33

Color names and codes

NameHEXRGBHSLCMYK
Hot Sand#CCAA00204, 170, 050°, 100%, 40%0, 17, 100, 20
Walled Garden#11CC4417, 204, 68136°, 85%, 43%92, 0, 67, 20
Arcade Glow#0022CC0, 34, 204230°, 100%, 40%100, 83, 0, 20
Snappy Violet#CC0088204, 0, 136320°, 100%, 40%0, 100, 33, 20
Yellow Bell Pepper#FFDD33255, 221, 5150°, 100%, 60%0, 13, 80, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #0022CC on #FFDD337.45:1AAA
Aa #11CC44 on #0022CC4.64:1AA
Aa #CCAA00 on #0022CC4.44:1AA large
Aa #CC0088 on #FFDD333.99:1AA large
Aa #11CC44 on #CC00882.48:1—
Aa #CCAA00 on #CC00882.38:1—

CSS variables

:root {
  --color-1: #ccaa00; /* Hot Sand */
  --color-2: #11cc44; /* Walled Garden */
  --color-3: #0022cc; /* Arcade Glow */
  --color-4: #cc0088; /* Snappy Violet */
  --color-5: #ffdd33; /* Yellow Bell Pepper */
}

Other schemes from Hot Sand

More Medium Yellow tetradic palettes

Questions

What colors go with Hot Sand?

In a tetradic scheme: Walled Garden (#11CC44), Arcade Glow (#0022CC), Snappy Violet (#CC0088), Yellow Bell Pepper (#FFDD33).

What is the hex code of Hot Sand?

#CCAA00.