Ivory Buff Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ivory Buff (#EBD999), each snapped to its nearest named color.
#EBD999
#98D5EA
#A899E6
#DCC356
#D8F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ivory Buff | #EBD999 | 235, 217, 153 | 47°, 67%, 76% | 0, 8, 35, 8 | |
| Over the Sky | #98D5EA | 152, 213, 234 | 195°, 66%, 76% | 35, 9, 0, 8 | |
| Dull Lavender | #A899E6 | 168, 153, 230 | 252°, 61%, 75% | 27, 33, 0, 10 | |
| Cream Gold | #DCC356 | 220, 195, 86 | 49°, 66%, 60% | 0, 11, 61, 14 | |
| Let It Snow | #D8F1F4 | 216, 241, 244 | 186°, 56%, 90% | 11, 1, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A899E6 on #D8F1F4 | 2.13:1 | — |
| Aa #EBD999 on #A899E6 | 1.78:1 | — |
| Aa #98D5EA on #A899E6 | 1.56:1 | — |
| Aa #DCC356 on #D8F1F4 | 1.49:1 | — |
| Aa #A899E6 on #DCC356 | 1.43:1 | — |
| Aa #98D5EA on #D8F1F4 | 1.37:1 | — |
CSS variables
:root {
--color-1: #ebd999; /* Ivory Buff */
--color-2: #98d5ea; /* Over the Sky */
--color-3: #a899e6; /* Dull Lavender */
--color-4: #dcc356; /* Cream Gold */
--color-5: #d8f1f4; /* Let It Snow */
}Other schemes from Ivory Buff
- Ivory Buff Complementary Color Scheme#EBD999#FBF6E7#9BA0EF#5170D7#E7EFFB
- Ivory Buff Analogous Color Scheme#ED9AAB#E9AF9B#EBD999#D5E69D#A3E493
- Ivory Buff Triadic Color Scheme#EBD999#9CE5D6#D19FE8#FCF7EB#55DDCC
- Ivory Buff Tetradic Color Scheme#EBD999#99E6B3#9BA0EF#ED93D7#FCF7EB
- Ivory Buff Monochromatic Color Scheme#CDA323#DCC356#EBD999#F7F2D9#FCF7EB
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 Ivory Buff?
In a split-complementary scheme: Over the Sky (#98D5EA), Dull Lavender (#A899E6), Cream Gold (#DCC356), Let It Snow (#D8F1F4).
What is the hex code of Ivory Buff?
#EBD999.