Huebook

Leafy Woodland Analogous Color Scheme

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

#BB2211
#BB7711
#AABB11
#55BB11
#11BB22

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Redalicious#BB2211187, 34, 176°, 83%, 40%0, 82, 91, 2751.2% 0.190 31
Caramel Coating#BB7711187, 119, 1736°, 83%, 40%0, 36, 91, 2762.7% 0.132 69
Leafy Woodland#AABB11170, 187, 1766°, 83%, 40%9, 0, 91, 2775.3% 0.169 116
Étude Naturelle#55BB1185, 187, 1796°, 83%, 40%55, 0, 91, 2770.3% 0.210 137
Spring Forth#11BB2217, 187, 34126°, 83%, 40%91, 0, 82, 2768.8% 0.224 143

Which pairs work for text

Text on backgroundContrastWCAG
Aa #BB2211 on #AABB112.93:1—
Aa #BB2211 on #55BB112.54:1—
Aa #BB2211 on #11BB222.43:1—
Aa #BB2211 on #BB77111.72:1—
Aa #BB7711 on #AABB111.71:1—
Aa #BB7711 on #55BB111.48:1—

CSS variables

:root {
  --color-1: #bb2211; /* Redalicious */
  --color-2: #bb7711; /* Caramel Coating */
  --color-3: #aabb11; /* Leafy Woodland */
  --color-4: #55bb11; /* Étude Naturelle */
  --color-5: #11bb22; /* Spring Forth */
}

Other schemes from Leafy Woodland

More dark yellow analogous color schemes

Questions

What colors go with Leafy Woodland?

In a analogous scheme: Redalicious (#BB2211), Caramel Coating (#BB7711), Étude Naturelle (#55BB11), Spring Forth (#11BB22).

What is the hex code of Leafy Woodland?

#AABB11.