Sunflower Island Tetradic Color Scheme
Five colors arranged by the tetradic rule around Sunflower Island (#FFCD01), each snapped to its nearest named color.
#FFCD01
#00FF55
#0033FF
#FE01B1
#FCE166
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sunflower Island | #FFCD01 | 255, 205, 1 | 48°, 100%, 50% | 0, 20, 100, 0 | |
| Cathode Green | #00FF55 | 0, 255, 85 | 140°, 100%, 50% | 100, 0, 67, 0 | |
| Blinking Blue | #0033FF | 0, 51, 255 | 228°, 100%, 50% | 100, 80, 0, 0 | |
| Pink Hysteria | #FE01B1 | 254, 1, 177 | 318°, 99%, 50% | 0, 100, 30, 0 | |
| Xìng Huáng Yellow | #FCE166 | 252, 225, 102 | 49°, 96%, 69% | 0, 11, 60, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0033FF on #FCE166 | 5.52:1 | AA |
| Aa #00FF55 on #0033FF | 5.29:1 | AA |
| Aa #FFCD01 on #0033FF | 4.79:1 | AA |
| Aa #FE01B1 on #FCE166 | 2.75:1 | — |
| Aa #00FF55 on #FE01B1 | 2.64:1 | — |
| Aa #FFCD01 on #FE01B1 | 2.39:1 | — |
CSS variables
:root {
--color-1: #ffcd01; /* Sunflower Island */
--color-2: #00ff55; /* Cathode Green */
--color-3: #0033ff; /* Blinking Blue */
--color-4: #fe01b1; /* Pink Hysteria */
--color-5: #fce166; /* Xìng Huáng Yellow */
}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 Triadic Color Scheme#FFCD01#00FFCC#CC00FF#FCE166#00B191
- Sunflower Island Split-complementary Color Scheme#FFCD01#01ABFD#5500FF#B79400#44CCFF
- Sunflower Island Monochromatic Color Scheme#665500#B79400#FFCD01#FFDB4F#FEED9A
More Medium Yellow tetradic palettes
- A Frond in Need Tetradic Color Scheme#9F9978#6DAE81#6B7BA7#A37298#CECBAE
- Amazon Queen Tetradic Color Scheme#948F54#58936D#575B93#975476#BDB98F
- Angel’s Trumpet Tetradic Color Scheme#F6DD34#3AE57F#3844F4#E936A7#F8EB97
- Antique Tetradic Color Scheme#8B846D#5B976A#5A6E9C#9D5B8B#C2B99D
- Backroom Ember Tetradic Color Scheme#A19250#50A074#5959AB#A15589#C3BC90
- Bamboo Forest Tetradic Color Scheme#B1A979#7BB18D#7A85AF#B07F9E#D7D2B8
- Banana Bandanna Tetradic Color Scheme#F8F739#36FF9A#3A2EFE#FF399C#FCFC9D
- Banana Bombshell Tetradic Color Scheme#F7E82E#2AF589#3A2EFE#FE28A2#F6F493
- Banana Brick Tetradic Color Scheme#E8D82C#3AE57F#273BE2#F42C93#F2E887
- Banana Flash Tetradic Color Scheme#EEFE02#00FA92#1600FC#FF0073#F1FF62
- Banana King Tetradic Color Scheme#FFFB08#00FF7F#0011FF#FF0789#FFFE71
- Banana Pepper Tetradic Color Scheme#FDD630#33EE66#265EF7#EE22AA#FFE696
Questions
What colors go with Sunflower Island?
In a tetradic scheme: Cathode Green (#00FF55), Blinking Blue (#0033FF), Pink Hysteria (#FE01B1), Xìng Huáng Yellow (#FCE166).
What is the hex code of Sunflower Island?
#FFCD01.