Sunflower Island Complementary Color Scheme
Five colors arranged by the complementary rule around Sunflower Island (#FFCD01), each snapped to its nearest named color.
#FFCD01
#FFDF5E
#0033FF
#0022BB
#6688FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sunflower Island | #FFCD01 | 255, 205, 1 | 48°, 100%, 50% | 0, 20, 100, 0 | |
| Neon Light | #FFDF5E | 255, 223, 94 | 48°, 100%, 68% | 0, 13, 63, 0 | |
| Blinking Blue | #0033FF | 0, 51, 255 | 228°, 100%, 50% | 100, 80, 0, 0 | |
| Underwater Falling | #0022BB | 0, 34, 187 | 229°, 100%, 37% | 100, 82, 0, 27 | |
| Deep Denim | #6688FF | 102, 136, 255 | 227°, 100%, 70% | 60, 47, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFDF5E on #0022BB | 8.20:1 | AAA |
| Aa #FFCD01 on #0022BB | 7.19:1 | AAA |
| Aa #FFDF5E on #0033FF | 5.47:1 | AA |
| Aa #FFCD01 on #0033FF | 4.79:1 | AA |
| Aa #0022BB on #6688FF | 3.36:1 | AA large |
| Aa #FFDF5E on #6688FF | 2.45:1 | — |
CSS variables
:root {
--color-1: #ffcd01; /* Sunflower Island */
--color-2: #ffdf5e; /* Neon Light */
--color-3: #0033ff; /* Blinking Blue */
--color-4: #0022bb; /* Underwater Falling */
--color-5: #6688ff; /* Deep Denim */
}Other schemes from Sunflower Island
- Sunflower Island Analogous Color Scheme#FF0033#FF4E01#FFCD01#B9FF03#33FF00
- Sunflower Island Triadic Color Scheme#FFCD01#00FFCC#CC00FF#FCE166#00B191
- 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 complementary palettes
- A Frond in Need Complementary Color Scheme#9F9978#C8C5A7#6B7BA7#4D517F#ACB1D4
- Amazon Queen Complementary Color Scheme#948F54#BBB98A#575B93#353E64#9291BC
- Angel’s Trumpet Complementary Color Scheme#F6DD34#FBE98E#3844F4#0022CC#99AAFF
- Antique Complementary Color Scheme#8B846D#BEB394#5A6E9C#414969#9EA5C3
- Backroom Ember Complementary Color Scheme#A19250#C6B788#5959AB#384172#8E97C7
- Bamboo Forest Complementary Color Scheme#B1A979#D4CFB2#7A85AF#51588E#B7BDD6
- Banana Bandanna Complementary Color Scheme#F8F739#FDFD96#3A2EFE#0011DD#9999FF
- Banana Bombshell Complementary Color Scheme#F7E82E#FFEE88#3A2EFE#0011CC#8F99FB
- Banana Brick Complementary Color Scheme#E8D82C#F2E47D#273BE2#0022BB#8B88F8
- Banana Flash Complementary Color Scheme#EEFE02#FAFC5D#1600FC#1100AA#6666FF
- Banana King Complementary Color Scheme#FFFB08#FEFE66#0011FF#0000BB#7777FF
- Banana Pepper Complementary Color Scheme#FDD630#FFE989#265EF7#0033DD#99AAFF
Questions
What colors go with Sunflower Island?
In a complementary scheme: Neon Light (#FFDF5E), Blinking Blue (#0033FF), Underwater Falling (#0022BB), Deep Denim (#6688FF).
What is the hex code of Sunflower Island?
#FFCD01.