Huebook

Patina Analogous Color Scheme

Five colors arranged by the analogous rule around Patina (#66D0C0), each snapped to its nearest named color.

#7CCA6B
#65CE95
#66D0C0
#67AED0
#6F6ED1

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Energise#7CCA6B124, 202, 107109°, 47%, 61%39, 0, 47, 2176.6% 0.151 140
Van Gogh Green#65CE95101, 206, 149147°, 52%, 60%51, 0, 28, 1977.4% 0.129 158
Patina#66D0C0102, 208, 192171°, 53%, 61%51, 0, 8, 1879.0% 0.101 183
Imrik Blue#67AED0103, 174, 208199°, 53%, 61%50, 16, 0, 1871.7% 0.087 230
C64 Purple#6F6ED1111, 110, 209241°, 52%, 63%47, 47, 0, 1858.7% 0.148 281

Which pairs work for text

Text on backgroundContrastWCAG
Aa #66D0C0 on #6F6ED12.35:1—
Aa #65CE95 on #6F6ED12.24:1—
Aa #7CCA6B on #6F6ED12.18:1—
Aa #67AED0 on #6F6ED11.77:1—
Aa #66D0C0 on #67AED01.33:1—
Aa #65CE95 on #67AED01.27:1—

CSS variables

:root {
  --color-1: #7cca6b; /* Energise */
  --color-2: #65ce95; /* Van Gogh Green */
  --color-3: #66d0c0; /* Patina */
  --color-4: #67aed0; /* Imrik Blue */
  --color-5: #6f6ed1; /* C64 Purple */
}

Other schemes from Patina

More light teal analogous color schemes

Questions

What colors go with Patina?

In a analogous scheme: Energise (#7CCA6B), Van Gogh Green (#65CE95), Imrik Blue (#67AED0), C64 Purple (#6F6ED1).

What is the hex code of Patina?

#66D0C0.