Star Magnolia Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Star Magnolia (#EEEFE2), each snapped to its nearest named color.
#EEEFE2
#E1E9EF
#E9E4EF
#D2D3B3
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Star Magnolia | #EEEFE2 | 238, 239, 226 | 65°, 29%, 91% | 0, 0, 5, 6 | |
| Bellflower Blue | #E1E9EF | 225, 233, 239 | 206°, 30%, 91% | 6, 3, 0, 6 | |
| Modest Violet | #E9E4EF | 233, 228, 239 | 267°, 26%, 92% | 3, 5, 0, 6 | |
| Orinoco | #D2D3B3 | 210, 211, 179 | 62°, 27%, 76% | 0, 0, 15, 17 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D2D3B3 on #EDF2F8 | 1.36:1 | — |
| Aa #EEEFE2 on #D2D3B3 | 1.32:1 | — |
| Aa #E1E9EF on #D2D3B3 | 1.25:1 | — |
| Aa #E9E4EF on #D2D3B3 | 1.23:1 | — |
| Aa #E9E4EF on #EDF2F8 | 1.11:1 | — |
| Aa #E1E9EF on #EDF2F8 | 1.09:1 | — |
CSS variables
:root {
--color-1: #eeefe2; /* Star Magnolia */
--color-2: #e1e9ef; /* Bellflower Blue */
--color-3: #e9e4ef; /* Modest Violet */
--color-4: #d2d3b3; /* Orinoco */
--color-5: #edf2f8; /* Airport */
}Other schemes from Star Magnolia
- Star Magnolia Complementary Color Scheme#EEEFE2#F6F6F0#E5E3EF#B3B0D4#EBF1F5
- Star Magnolia Analogous Color Scheme#F1E4E1#EEEAE2#EEEFE2#E8F0E2#E3EFE3
- Star Magnolia Triadic Color Scheme#EEEFE2#E3EDED#EDE2EE#F6F6F0#B1D2D5
- Star Magnolia Tetradic Color Scheme#EEEFE2#E2EFE8#E5E3EF#F0E1E8#F6F6F0
- Star Magnolia Monochromatic Color Scheme#B8B97E#D2D3B3#EEEFE2#F6F6F0#F6F6F0
More Very Light Yellow split-complementary palettes
- 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 Star Magnolia?
In a split-complementary scheme: Bellflower Blue (#E1E9EF), Modest Violet (#E9E4EF), Orinoco (#D2D3B3), Airport (#EDF2F8).
What is the hex code of Star Magnolia?
#EEEFE2.