Huebook

Rooftop Garden Analogous Color Scheme

Five colors arranged by the analogous rule around Rooftop Garden (#9EAD92), each snapped to its nearest named color.

#B5A28A
#B2B68A
#9EAD92
#89B386
#86B7A1

Color names and codes

NameHEXRGBHSLCMYK
Chateau#B5A28A181, 162, 13833°, 23%, 63%0, 10, 24, 29
Sweet Grass#B2B68A178, 182, 13865°, 23%, 63%2, 0, 24, 29
Rooftop Garden#9EAD92158, 173, 14693°, 14%, 63%9, 0, 16, 32
Chatty Cricket#89B386137, 179, 134116°, 23%, 61%23, 0, 25, 30
Indian Ocean#86B7A1134, 183, 161153°, 25%, 62%27, 0, 12, 28

Which pairs work for text

Text on backgroundContrastWCAG
Aa #B5A28A on #B2B68A1.17:1—
Aa #B2B68A on #9EAD921.12:1—
Aa #B2B68A on #89B3861.12:1—
Aa #B5A28A on #86B7A11.09:1—
Aa #B2B68A on #86B7A11.07:1—
Aa #9EAD92 on #86B7A11.05:1—

CSS variables

:root {
  --color-1: #b5a28a; /* Chateau */
  --color-2: #b2b68a; /* Sweet Grass */
  --color-3: #9ead92; /* Rooftop Garden */
  --color-4: #89b386; /* Chatty Cricket */
  --color-5: #86b7a1; /* Indian Ocean */
}

Other schemes from Rooftop Garden

More Light Green analogous palettes

Questions

What colors go with Rooftop Garden?

In a analogous scheme: Chateau (#B5A28A), Sweet Grass (#B2B68A), Chatty Cricket (#89B386), Indian Ocean (#86B7A1).

What is the hex code of Rooftop Garden?

#9EAD92.