Huebook

Sunflower Island Triadic Color Scheme

Five colors arranged by the triadic rule around Sunflower Island (#FFCD01), each snapped to its nearest named color.

#FFCD01
#00FFCC
#CC00FF
#FCE166
#00B191

Color names and codes

NameHEXRGBHSLCMYK
Sunflower Island#FFCD01255, 205, 148°, 100%, 50%0, 20, 100, 0
Plunge Pool#00FFCC0, 255, 204168°, 100%, 50%100, 0, 20, 0
Vivid Orchid#CC00FF204, 0, 255288°, 100%, 50%20, 100, 0, 0
Xìng Huáng Yellow#FCE166252, 225, 10249°, 96%, 69%0, 11, 60, 1
Victorian Greenhouse#00B1910, 177, 145169°, 100%, 35%100, 0, 18, 31

Which pairs work for text

Text on backgroundContrastWCAG
Aa #00FFCC on #CC00FF3.23:1AA large
Aa #CC00FF on #FCE1663.21:1AA large
Aa #FFCD01 on #CC00FF2.79:1—
Aa #00FFCC on #00B1912.10:1—
Aa #FCE166 on #00B1912.09:1—
Aa #FFCD01 on #00B1911.82:1—

CSS variables

:root {
  --color-1: #ffcd01; /* Sunflower Island */
  --color-2: #00ffcc; /* Plunge Pool */
  --color-3: #cc00ff; /* Vivid Orchid */
  --color-4: #fce166; /* Xìng Huáng Yellow */
  --color-5: #00b191; /* Victorian Greenhouse */
}

Other schemes from Sunflower Island

More Medium Yellow triadic palettes

Questions

What colors go with Sunflower Island?

In a triadic scheme: Plunge Pool (#00FFCC), Vivid Orchid (#CC00FF), Xìng Huáng Yellow (#FCE166), Victorian Greenhouse (#00B191).

What is the hex code of Sunflower Island?

#FFCD01.