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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sunflower Island | #FFCD01 | 255, 205, 1 | 48°, 100%, 50% | 0, 20, 100, 0 | |
| Plunge Pool | #00FFCC | 0, 255, 204 | 168°, 100%, 50% | 100, 0, 20, 0 | |
| Vivid Orchid | #CC00FF | 204, 0, 255 | 288°, 100%, 50% | 20, 100, 0, 0 | |
| Xìng Huáng Yellow | #FCE166 | 252, 225, 102 | 49°, 96%, 69% | 0, 11, 60, 1 | |
| Victorian Greenhouse | #00B191 | 0, 177, 145 | 169°, 100%, 35% | 100, 0, 18, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FFCC on #CC00FF | 3.23:1 | AA large |
| Aa #CC00FF on #FCE166 | 3.21:1 | AA large |
| Aa #FFCD01 on #CC00FF | 2.79:1 | — |
| Aa #00FFCC on #00B191 | 2.10:1 | — |
| Aa #FCE166 on #00B191 | 2.09:1 | — |
| Aa #FFCD01 on #00B191 | 1.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
- Sunflower Island Complementary Color Scheme#FFCD01#FFDF5E#0033FF#0022BB#6688FF
- Sunflower Island Analogous Color Scheme#FF0033#FF4E01#FFCD01#B9FF03#33FF00
- Sunflower Island Split-complementary Color Scheme#FFCD01#01ABFD#5500FF#B79400#44CCFF
- Sunflower Island Tetradic Color Scheme#FFCD01#00FF55#0033FF#FE01B1#FCE166
- Sunflower Island Monochromatic Color Scheme#665500#B79400#FFCD01#FFDB4F#FEED9A
More Medium Yellow triadic palettes
- A Frond in Need Triadic Color Scheme#9F9978#72A49F#9C6DA5#CECBAE#497F73
- Amazon Queen Triadic Color Scheme#948F54#52928D#8B4F90#BDB98F#3C6461
- Angel’s Trumpet Triadic Color Scheme#F6DD34#3AFDDB#DD33FF#F8EB97#04D8B2
- Antique Triadic Color Scheme#8B846D#5E9B8A#875F9A#C2B99D#446B61
- Backroom Ember Triadic Color Scheme#A19250#53A391#9A4EAE#C3BC90#376D64
- Bamboo Forest Triadic Color Scheme#B1A979#79AFAD#AB7CB4#D7D2B8#538B89
- Banana Bandanna Triadic Color Scheme#F8F739#33FFFF#FF33FF#FCFC9D#11DDDD
- Banana Bombshell Triadic Color Scheme#F7E82E#26F7FD#ED24ED#F6F493#09CDCD
- Banana Brick Triadic Color Scheme#E8D82C#25E2CD#DD33FF#F2E887#0AAFA4
- Banana Flash Triadic Color Scheme#EEFE02#00EEFF#FF08E8#F1FF62#01A7B2
- Banana King Triadic Color Scheme#FFFB08#0FFEF9#FF09FF#FFFE71#00B5B8
- Banana Pepper Triadic Color Scheme#FDD630#32FFDC#DD33FF#FFE696#00DEAD
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.