Lotion Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lotion (#FEFDFA), each snapped to its nearest named color.
#FEFDFA
#E8F5FC
#F0EBFC
#EFE4BB
#E8F5FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lotion | #FEFDFA | 254, 253, 250 | 45°, 67%, 99% | 0, 0, 2, 0 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 | |
| Beach | #EFE4BB | 239, 228, 187 | 47°, 62%, 84% | 0, 5, 22, 6 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FEFDFA on #EFE4BB | 1.25:1 | — |
| Aa #FEFDFA on #F0EBFC | 1.15:1 | — |
| Aa #E8F5FC on #EFE4BB | 1.15:1 | — |
| Aa #EFE4BB on #E8F5FC | 1.15:1 | — |
| Aa #FEFDFA on #E8F5FC | 1.09:1 | — |
| Aa #FEFDFA on #E8F5FC | 1.09:1 | — |
CSS variables
:root {
--color-1: #fefdfa; /* Lotion */
--color-2: #e8f5fc; /* Kodama White */
--color-3: #f0ebfc; /* Placebo Purple */
--color-4: #efe4bb; /* Beach */
--color-5: #e8f5fc; /* Kodama White */
}Other schemes from Lotion
- Lotion Complementary Color Scheme#FEFDFA#FCF7EB#E7EFFB#BBCFEF#E7EFFB
- Lotion Analogous Color Scheme#F8EAED#FAEFE9#FEFDFA#F6FCEB#F1FAEA
- Lotion Triadic Color Scheme#FEFDFA#EBFCF5#F8EBFC#FCF7EB#B0EEE2
- Lotion Tetradic Color Scheme#FEFDFA#EBFCEC#E7EFFB#FCEBF4#FCF7EB
- Lotion Monochromatic Color Scheme#E2C779#EFE4BB#FEFDFA#FCF7EB#FCF7EB
More White split-complementary palettes
- Anti-Flash White Split-complementary Color Scheme#F2F3F4#F4EFEE#F6F4EF#C1CEDA#F4EFEE
- Beluga Split-complementary Color Scheme#EFF2F1#F8EEF4#F4EFED#BDD9D0#F6F1F4
- Brilliance Split-complementary Color Scheme#FDFDFD#EFF5F1#EEF2F3#E0CDD1#EFF5F1
- Ceramic Split-complementary Color Scheme#FCFFF9#E6E6FA#FFEBFE#DDFFAA#E6E6FA
- Chef’s Hat Split-complementary Color Scheme#F3F4F5#F4EFEE#F6F4EF#C1CEDA#F4EFEE
- Cloud Break Split-complementary Color Scheme#F6F1FE#FFFBE8#EBFCEC#CEAEFA#FFFBE8
- Cotton Ball Split-complementary Color Scheme#F2F7FD#FCEBEB#FCFBEB#ABCDEF#FCEBEB
- Doctor Split-complementary Color Scheme#F9F9F9#EFF5F1#EEF2F3#DDC9C6#EFF5F1
- Dr. White Split-complementary Color Scheme#FAFAFA#EFF5F1#EEF2F3#DDC9C6#EFF5F1
- Emptiness Split-complementary Color Scheme#FCFDFC#F3F1F3#F5F0F1#CCE2CA#F3F1F3
- Errigal White Split-complementary Color Scheme#F2F2F4#F6F2F1#F4F4F0#C0C3D7#F6F2F1
- Everlasting Ice Split-complementary Color Scheme#F6FDFA#FCEBFA#F9EAEA#BBEFD3#FCEBFA
Questions
What colors go with Lotion?
In a split-complementary scheme: Kodama White (#E8F5FC), Placebo Purple (#F0EBFC), Beach (#EFE4BB), Kodama White (#E8F5FC).
What is the hex code of Lotion?
#FEFDFA.