Pale Canary Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pale Canary (#F1EFA6), each snapped to its nearest named color.
#F1EFA6
#ABCDEF
#CEA2FD
#EBE667
#EAF4FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pale Canary | #F1EFA6 | 241, 239, 166 | 58°, 73%, 80% | 0, 1, 31, 5 | |
| Alphabet Blue | #ABCDEF | 171, 205, 239 | 210°, 68%, 80% | 28, 14, 0, 6 | |
| Lilac | #CEA2FD | 206, 162, 253 | 269°, 96%, 81% | 19, 36, 0, 1 | |
| Celandine | #EBE667 | 235, 230, 103 | 58°, 77%, 66% | 0, 2, 56, 8 | |
| Moon White | #EAF4FC | 234, 244, 252 | 207°, 75%, 95% | 7, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CEA2FD on #EAF4FC | 1.85:1 | — |
| Aa #F1EFA6 on #CEA2FD | 1.73:1 | — |
| Aa #CEA2FD on #EBE667 | 1.57:1 | — |
| Aa #ABCDEF on #EAF4FC | 1.48:1 | — |
| Aa #F1EFA6 on #ABCDEF | 1.39:1 | — |
| Aa #ABCDEF on #EBE667 | 1.26:1 | — |
CSS variables
:root {
--color-1: #f1efa6; /* Pale Canary */
--color-2: #abcdef; /* Alphabet Blue */
--color-3: #cea2fd; /* Lilac */
--color-4: #ebe667; /* Celandine */
--color-5: #eaf4fc; /* Moon White */
}Other schemes from Pale Canary
- Pale Canary Complementary Color Scheme#F1EFA6#FCFBEB#A3B1F2#6666EE#E6E8FA
- Pale Canary Analogous Color Scheme#F1AAA8#EEC9A6#F1EFA6#D5EBAC#AAEEAA
- Pale Canary Triadic Color Scheme#F1EFA6#ABF5ED#EEAAEE#FCFBEB#6FEBE3
- Pale Canary Tetradic Color Scheme#F1EFA6#ABEDC9#A3B1F2#EEAACC#FCFBEB
- Pale Canary Monochromatic Color Scheme#D7D927#EBE667#F1EFA6#FBF9E8#FCFBEB
More Light Yellow split-complementary palettes
- Alligator Alley Split-complementary Color Scheme#C5D17B#739BD0#B57EDC#AFBB42#B6C7E3
- Ancient Treasure Split-complementary Color Scheme#E7D082#82CDE5#8F8CE7#DCBA42#C1E4F0
- Animal Kingdom Split-complementary Color Scheme#BCC09E#99AAC8#B598C3#9FA36C#C9D4E1
- Anna Banana Split-complementary Color Scheme#F5D547#44BBFF#7755EE#E1BF03#87D3F8
- April Showers Split-complementary Color Scheme#DADEB5#B4C4DE#CEBADA#C7CA86#E9EDF6
- Ash Split-complementary Color Scheme#BEBAA7#9FB6C6#AF9FCA#A69E73#CDDCE3
- Aurora Split-complementary Color Scheme#EBD147#46ADF9#7755EE#CAB012#89CFF0
- Banana Split-complementary Color Scheme#FFFC79#77BBFF#BF77F6#FFFF31#C6E3F7
- Banana Drama Split-complementary Color Scheme#F1D548#44BBFF#904FEF#DDBB11#87D3F8
- Banana Frappé Split-complementary Color Scheme#DDD5B6#B6D3DF#C3B9DD#C7B882#EBF1F5
- Beekeeper Split-complementary Color Scheme#F6E491#87D3F8#BB88FF#F1D548#D5EDFB
- Beige Split-complementary Color Scheme#E6DAA6#A6D3E6#ACACE6#DBC364#E7F0F7
Questions
What colors go with Pale Canary?
In a split-complementary scheme: Alphabet Blue (#ABCDEF), Lilac (#CEA2FD), Celandine (#EBE667), Moon White (#EAF4FC).
What is the hex code of Pale Canary?
#F1EFA6.