Huebook

Crystal Gem Analogous Color Scheme

Five colors arranged by the analogous rule around Crystal Gem (#79D0A7), each snapped to its nearest named color.

#A5CF7E
#6CCC7B
#79D0A7
#74CED2
#7AA3CC

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Greenscape#A5CF7E165, 207, 12691°, 46%, 65%20, 0, 39, 1980.5% 0.117 131
Snow Pea#6CCC7B108, 204, 123129°, 48%, 61%47, 0, 40, 2076.6% 0.147 147
Crystal Gem#79D0A7121, 208, 167152°, 48%, 65%42, 0, 20, 1879.1% 0.104 162
Soft Turquoise#74CED2116, 206, 210183°, 51%, 64%45, 2, 0, 1879.7% 0.087 199
Shipmate#7AA3CC122, 163, 204210°, 45%, 64%40, 20, 0, 2070.1% 0.075 249

Which pairs work for text

Text on backgroundContrastWCAG
Aa #A5CF7E on #7AA3CC1.49:1—
Aa #74CED2 on #7AA3CC1.45:1—
Aa #79D0A7 on #7AA3CC1.44:1—
Aa #6CCC7B on #7AA3CC1.33:1—
Aa #A5CF7E on #6CCC7B1.12:1—
Aa #6CCC7B on #74CED21.09:1—

CSS variables

:root {
  --color-1: #a5cf7e; /* Greenscape */
  --color-2: #6ccc7b; /* Snow Pea */
  --color-3: #79d0a7; /* Crystal Gem */
  --color-4: #74ced2; /* Soft Turquoise */
  --color-5: #7aa3cc; /* Shipmate */
}

Other schemes from Crystal Gem

More light green analogous color schemes

Questions

What colors go with Crystal Gem?

In a analogous scheme: Greenscape (#A5CF7E), Snow Pea (#6CCC7B), Soft Turquoise (#74CED2), Shipmate (#7AA3CC).

What is the hex code of Crystal Gem?

#79D0A7.