Huebook

Hot Sand Analogous Color Scheme

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

#CC0022
#CC4400
#CCAA00
#88CC00
#22CC00

Color names and codes

NameHEXRGBHSLCMYK
Rare Rhubarb#CC0022204, 0, 34350°, 100%, 40%0, 100, 83, 20
Mellow Mango#CC4400204, 68, 020°, 100%, 40%0, 67, 100, 20
Hot Sand#CCAA00204, 170, 050°, 100%, 40%0, 17, 100, 20
Fabulous Frog#88CC00136, 204, 080°, 100%, 40%33, 0, 100, 20
Tree Python#22CC0034, 204, 0110°, 100%, 40%83, 0, 100, 20

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CC0022 on #88CC002.98:1—
Aa #CC0022 on #22CC002.70:1—
Aa #CC0022 on #CCAA002.59:1—
Aa #CC4400 on #88CC002.43:1—
Aa #CC4400 on #22CC002.21:1—
Aa #CC4400 on #CCAA002.12:1—

CSS variables

:root {
  --color-1: #cc0022; /* Rare Rhubarb */
  --color-2: #cc4400; /* Mellow Mango */
  --color-3: #ccaa00; /* Hot Sand */
  --color-4: #88cc00; /* Fabulous Frog */
  --color-5: #22cc00; /* Tree Python */
}

Other schemes from Hot Sand

More Medium Yellow analogous palettes

Questions

What colors go with Hot Sand?

In a analogous scheme: Rare Rhubarb (#CC0022), Mellow Mango (#CC4400), Fabulous Frog (#88CC00), Tree Python (#22CC00).

What is the hex code of Hot Sand?

#CCAA00.