Ivory Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ivory (#FFFFF0), each snapped to its nearest named color.
#FFFFF0
#E8F5FC
#F0EBFC
#FCFFA4
#E8F5FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ivory | #FFFFF0 | 255, 255, 240 | 60°, 100%, 97% | 0, 0, 6, 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 | |
| Calamansi | #FCFFA4 | 252, 255, 164 | 62°, 100%, 82% | 1, 0, 36, 0 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFFFF0 on #F0EBFC | 1.16:1 | — |
| Aa #F0EBFC on #FCFFA4 | 1.11:1 | — |
| Aa #FFFFF0 on #E8F5FC | 1.10:1 | — |
| Aa #FFFFF0 on #E8F5FC | 1.10:1 | — |
| Aa #E8F5FC on #FCFFA4 | 1.06:1 | — |
| Aa #FCFFA4 on #E8F5FC | 1.06:1 | — |
CSS variables
:root {
--color-1: #fffff0; /* Ivory */
--color-2: #e8f5fc; /* Kodama White */
--color-3: #f0ebfc; /* Placebo Purple */
--color-4: #fcffa4; /* Calamansi */
--color-5: #e8f5fc; /* Kodama White */
}Other schemes from Ivory
- Ivory Complementary Color Scheme#FFFFF0#FFFFE5#E6E6FA#A0A0FF#E6E6FA
- Ivory Analogous Color Scheme#FFE6E4#FFF2E4#FFFFF0#F6FFE8#E7FBEC
- Ivory Triadic Color Scheme#FFFFF0#E7FEFF#FFEBFE#FFFFE5#AAFFFF
- Ivory Tetradic Color Scheme#FFFFF0#E6FDF1#E6E6FA#FFE6F1#FFFFE5
- Ivory Monochromatic Color Scheme#FFFF55#FCFFA4#FFFFF0#FFFFE5#FFFFE5
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 Ivory?
In a split-complementary scheme: Kodama White (#E8F5FC), Placebo Purple (#F0EBFC), Calamansi (#FCFFA4), Kodama White (#E8F5FC).
What is the hex code of Ivory?
#FFFFF0.