Huebook

Paradise Island Analogous Color Scheme

Five colors arranged by the analogous rule around Paradise Island (#5AA7A0), each snapped to its nearest named color.

#67A159
#5FA778
#5AA7A0
#5789A5
#5D66AA

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Astroturf#67A159103, 161, 89108°, 29%, 49%36, 0, 45, 3765.1% 0.119 140
Shiny Shamrock#5FA77895, 167, 120141°, 29%, 51%43, 0, 28, 3566.8% 0.101 154
Paradise Island#5AA7A090, 167, 160175°, 30%, 50%46, 0, 4, 3567.7% 0.077 188
Kuta Surf#5789A587, 137, 165202°, 31%, 49%47, 17, 0, 3560.6% 0.069 234
Bellflower#5D66AA93, 102, 170233°, 31%, 52%45, 40, 0, 3353.4% 0.107 276

Which pairs work for text

Text on backgroundContrastWCAG
Aa #5AA7A0 on #5D66AA1.89:1—
Aa #5FA778 on #5D66AA1.85:1—
Aa #67A159 on #5D66AA1.73:1—
Aa #5789A5 on #5D66AA1.40:1—
Aa #5AA7A0 on #5789A51.35:1—
Aa #5FA778 on #5789A51.32:1—

CSS variables

:root {
  --color-1: #67a159; /* Astroturf */
  --color-2: #5fa778; /* Shiny Shamrock */
  --color-3: #5aa7a0; /* Paradise Island */
  --color-4: #5789a5; /* Kuta Surf */
  --color-5: #5d66aa; /* Bellflower */
}

Other schemes from Paradise Island

More medium teal analogous color schemes

Questions

What colors go with Paradise Island?

In a analogous scheme: Astroturf (#67A159), Shiny Shamrock (#5FA778), Kuta Surf (#5789A5), Bellflower (#5D66AA).

What is the hex code of Paradise Island?

#5AA7A0.