Star Magnolia Complementary Color Scheme
Five colors arranged by the complementary rule around Star Magnolia (#EEEFE2), each snapped to its nearest named color.
#EEEFE2
#F6F6F0
#E5E3EF
#B3B0D4
#EBF1F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Star Magnolia | #EEEFE2 | 238, 239, 226 | 65°, 29%, 91% | 0, 0, 5, 6 | |
| Ultra White | #F6F6F0 | 246, 246, 240 | 60°, 25%, 95% | 0, 0, 2, 4 | |
| Farsighted | #E5E3EF | 229, 227, 239 | 250°, 27%, 91% | 4, 5, 0, 6 | |
| Freesia Purple | #B3B0D4 | 179, 176, 212 | 245°, 30%, 76% | 16, 17, 0, 17 | |
| Powder White | #EBF1F5 | 235, 241, 245 | 204°, 33%, 94% | 4, 2, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6F6F0 on #B3B0D4 | 1.92:1 | — |
| Aa #B3B0D4 on #EBF1F5 | 1.83:1 | — |
| Aa #EEEFE2 on #B3B0D4 | 1.79:1 | — |
| Aa #E5E3EF on #B3B0D4 | 1.64:1 | — |
| Aa #F6F6F0 on #E5E3EF | 1.17:1 | — |
| Aa #E5E3EF on #EBF1F5 | 1.11:1 | — |
CSS variables
:root {
--color-1: #eeefe2; /* Star Magnolia */
--color-2: #f6f6f0; /* Ultra White */
--color-3: #e5e3ef; /* Farsighted */
--color-4: #b3b0d4; /* Freesia Purple */
--color-5: #ebf1f5; /* Powder White */
}Other schemes from Star Magnolia
- Star Magnolia Analogous Color Scheme#F1E4E1#EEEAE2#EEEFE2#E8F0E2#E3EFE3
- Star Magnolia Triadic Color Scheme#EEEFE2#E3EDED#EDE2EE#F6F6F0#B1D2D5
- Star Magnolia Split-complementary Color Scheme#EEEFE2#E1E9EF#E9E4EF#D2D3B3#EDF2F8
- Star Magnolia Tetradic Color Scheme#EEEFE2#E2EFE8#E5E3EF#F0E1E8#F6F6F0
- Star Magnolia Monochromatic Color Scheme#B8B97E#D2D3B3#EEEFE2#F6F6F0#F6F6F0
More Very Light Yellow complementary palettes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with Star Magnolia?
In a complementary scheme: Ultra White (#F6F6F0), Farsighted (#E5E3EF), Freesia Purple (#B3B0D4), Powder White (#EBF1F5).
What is the hex code of Star Magnolia?
#EEEFE2.