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

NameHEXRGBHSLCMYKOKLCH
Rare Rhubarb#CC0022204, 0, 34350°, 100%, 40%0, 100, 83, 2053.3% 0.216 25
Mellow Mango#CC4400204, 68, 020°, 100%, 40%0, 67, 100, 2057.3% 0.182 39
Hot Sand#CCAA00204, 170, 050°, 100%, 40%0, 17, 100, 2074.6% 0.153 94
Fabulous Frog#88CC00136, 204, 080°, 100%, 40%33, 0, 100, 2077.0% 0.206 130
Tree Python#22CC0034, 204, 0110°, 100%, 40%83, 0, 100, 2073.5% 0.246 142

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 color schemes

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.