Huebook

Savannah Grass Triadic Color Scheme

Five colors arranged by the triadic rule around Savannah Grass (#BABC72), each snapped to its nearest named color.

#BABC72
#70B8BA
#BA7AB3
#DCDDB8
#49999A

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Savannah Grass#BABC72186, 188, 11462°, 36%, 59%1, 0, 39, 2677.7% 0.096 110
Surfer#70B8BA112, 184, 186182°, 35%, 58%40, 1, 0, 2773.6% 0.072 198
Colombo Red Mauve#BA7AB3186, 122, 179307°, 32%, 60%0, 34, 4, 2766.5% 0.110 331
Beach Grass#DCDDB8220, 221, 18462°, 35%, 79%0, 0, 17, 1388.7% 0.049 109
Aquatic Green#49999A73, 153, 154181°, 36%, 45%53, 1, 0, 4063.4% 0.078 196

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DCDDB8 on #49999A2.39:1—
Aa #BA7AB3 on #DCDDB82.31:1—
Aa #BABC72 on #49999A1.67:1—
Aa #70B8BA on #DCDDB81.63:1—
Aa #BABC72 on #BA7AB31.61:1—
Aa #70B8BA on #49999A1.47:1—

CSS variables

:root {
  --color-1: #babc72; /* Savannah Grass */
  --color-2: #70b8ba; /* Surfer */
  --color-3: #ba7ab3; /* Colombo Red Mauve */
  --color-4: #dcddb8; /* Beach Grass */
  --color-5: #49999a; /* Aquatic Green */
}

Other schemes from Savannah Grass

More medium yellow triadic color schemes

Questions

What colors go with Savannah Grass?

In a triadic scheme: Surfer (#70B8BA), Colombo Red Mauve (#BA7AB3), Beach Grass (#DCDDB8), Aquatic Green (#49999A).

What is the hex code of Savannah Grass?

#BABC72.