Onion Skin Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Onion Skin (#EEEDDF), each snapped to its nearest named color.
#EEEDDF
#DDE8ED
#E6DEF0
#D3CFAB
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Onion Skin | #EEEDDF | 238, 237, 223 | 56°, 31%, 90% | 0, 0, 6, 7 | 94.3% 0.019 103 | |
| Moby Dick | #DDE8ED | 221, 232, 237 | 199°, 31%, 90% | 7, 2, 0, 7 | 92.4% 0.014 227 | |
| Lingering Lilac | #E6DEF0 | 230, 222, 240 | 267°, 37%, 91% | 4, 7, 0, 6 | 91.2% 0.026 306 | |
| Crystal Palace | #D3CFAB | 211, 207, 171 | 54°, 31%, 75% | 0, 2, 19, 17 | 84.8% 0.048 102 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 | 95.9% 0.010 253 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D3CFAB on #EDF2F8 | 1.40:1 | — |
| Aa #EEEDDF on #D3CFAB | 1.34:1 | — |
| Aa #DDE8ED on #D3CFAB | 1.27:1 | — |
| Aa #E6DEF0 on #D3CFAB | 1.21:1 | — |
| Aa #E6DEF0 on #EDF2F8 | 1.16:1 | — |
| Aa #EEEDDF on #E6DEF0 | 1.11:1 | — |
CSS variables
:root {
--color-1: #eeeddf; /* Onion Skin */
--color-2: #dde8ed; /* Moby Dick */
--color-3: #e6def0; /* Lingering Lilac */
--color-4: #d3cfab; /* Crystal Palace */
--color-5: #edf2f8; /* Airport */
}Other schemes from Onion Skin
- Onion Skin Complementary Color Scheme#EEEDDF#F6F7ED#DFE0EE#ACB1D4#EBF1F5
- Onion Skin Analogous Color Scheme#F0DFE0#EFE7DF#EEEDDF#EAEEDE#E0EEDF
- Onion Skin Triadic Color Scheme#EEEDDF#DEEEED#EEDDEE#F6F7ED#AED4D2
- Onion Skin Tetradic Color Scheme#EEEDDF#DEEDE4#DFE0EE#EFDFE7#F6F7ED
- Onion Skin Monochromatic Color Scheme#BBB477#D3CFAB#EEEDDF#F6F7ED#F6F7ED
More very light yellow split-complementary color schemes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Onion Skin?
In a split-complementary scheme: Moby Dick (#DDE8ED), Lingering Lilac (#E6DEF0), Crystal Palace (#D3CFAB), Airport (#EDF2F8).
What is the hex code of Onion Skin?
#EEEDDF.