Foundation White Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Foundation White (#EFEEFF), each snapped to its nearest named color.
#EFEEFF
#FFF5E4
#F1FDE9
#A0A0FF
#FFF5E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Foundation White | #EFEEFF | 239, 238, 255 | 244°, 100%, 97% | 6, 7, 0, 0 | |
| Silky Tofu | #FFF5E4 | 255, 245, 228 | 38°, 100%, 95% | 0, 4, 11, 0 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 | |
| Nemophila | #A0A0FF | 160, 160, 255 | 240°, 100%, 81% | 37, 37, 0, 0 | |
| Silky Tofu | #FFF5E4 | 255, 245, 228 | 38°, 100%, 95% | 0, 4, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1FDE9 on #A0A0FF | 2.23:1 | — |
| Aa #FFF5E4 on #A0A0FF | 2.17:1 | — |
| Aa #A0A0FF on #FFF5E4 | 2.17:1 | — |
| Aa #EFEEFF on #A0A0FF | 2.05:1 | — |
| Aa #EFEEFF on #F1FDE9 | 1.09:1 | — |
| Aa #EFEEFF on #FFF5E4 | 1.06:1 | — |
CSS variables
:root {
--color-1: #efeeff; /* Foundation White */
--color-2: #fff5e4; /* Silky Tofu */
--color-3: #f1fde9; /* Crème de Menthe */
--color-4: #a0a0ff; /* Nemophila */
--color-5: #fff5e4; /* Silky Tofu */
}Other schemes from Foundation White
- Foundation White Complementary Color Scheme#EFEEFF#E6E6FA#FFFFE5#FCFFA4#FFFFE5
- Foundation White Analogous Color Scheme#E7FEFF#E8EEFE#EFEEFF#F8EBFC#FFEBFE
- Foundation White Triadic Color Scheme#EFEEFF#FFE8E5#E7FBEC#E6E6FA#FEA5A2
- Foundation White Tetradic Color Scheme#EFEEFF#FFE6F1#FFFFE5#E6FDF1#E6E6FA
- Foundation White Monochromatic Color Scheme#5555FF#A0A0FF#EFEEFF#E6E6FA#E6E6FA
More Very Light Blue split-complementary palettes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Foundation White?
In a split-complementary scheme: Silky Tofu (#FFF5E4), Crème de Menthe (#F1FDE9), Nemophila (#A0A0FF), Silky Tofu (#FFF5E4).
What is the hex code of Foundation White?
#EFEEFF.