Star Magnolia Triadic Color Scheme
Five colors arranged by the triadic rule around Star Magnolia (#EEEFE2), each snapped to its nearest named color.
#EEEFE2
#E3EDED
#EDE2EE
#F6F6F0
#B1D2D5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Star Magnolia | #EEEFE2 | 238, 239, 226 | 65°, 29%, 91% | 0, 0, 5, 6 | 94.8% 0.017 110 | |
| Bashful | #E3EDED | 227, 237, 237 | 180°, 22%, 91% | 4, 0, 0, 7 | 93.9% 0.011 197 | |
| Faded Fuchsia | #EDE2EE | 237, 226, 238 | 295°, 26%, 91% | 0, 5, 0, 7 | 92.5% 0.020 323 | |
| Ultra White | #F6F6F0 | 246, 246, 240 | 60°, 25%, 95% | 0, 0, 2, 4 | 97.1% 0.008 107 | |
| Fine China | #B1D2D5 | 177, 210, 213 | 185°, 30%, 76% | 17, 1, 0, 16 | 84.1% 0.035 203 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6F6F0 on #B1D2D5 | 1.48:1 | — |
| Aa #EEEFE2 on #B1D2D5 | 1.39:1 | — |
| Aa #E3EDED on #B1D2D5 | 1.35:1 | — |
| Aa #EDE2EE on #B1D2D5 | 1.28:1 | — |
| Aa #EDE2EE on #F6F6F0 | 1.16:1 | — |
| Aa #E3EDED on #F6F6F0 | 1.10:1 | — |
CSS variables
:root {
--color-1: #eeefe2; /* Star Magnolia */
--color-2: #e3eded; /* Bashful */
--color-3: #ede2ee; /* Faded Fuchsia */
--color-4: #f6f6f0; /* Ultra White */
--color-5: #b1d2d5; /* Fine China */
}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 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 triadic color schemes
- Au Clair de la Lune Triadic Color Scheme#F4F2E2#E1F2F0#F2E4F5#F9F7EC#A9DEDA
- Banan-Appeal Triadic Color Scheme#FAF3A6#A1F4F5#F1A7FE#FFFBE8#56F7F3
- Banana Cream Triadic Color Scheme#FFF49C#99FFEE#EE99FF#FFFCE4#55FFEE
- Banana Milk Triadic Color Scheme#FFF7AD#ACFFFC#F8B3FF#FFFEE5#65FFFF
- Banana Split Triadic Color Scheme#F7EEC8#CFF7EF#EDC8FF#FBF9E8#87E0CF
- Blanc Cassé Triadic Color Scheme#F1EEE2#E1F0ED#EFE2F2#F7F5ED#ADD9D1
- Blanco Triadic Color Scheme#EBEAE5#E1EEEC#EDE2EE#F6F4EF#AED0C9
- Bleached Sunflower Triadic Color Scheme#FBE8A8#AAFFEE#EEAAFF#FFF9E7#55FFCC
- Blond Triadic Color Scheme#FAF0BE#BBFFEE#F4BFFF#FFF9E7#6FEBE3
- Bollywood Gold Triadic Color Scheme#FFFBAB#ACFFFC#FFAAFF#FFFEE5#56FFFF
- Bullet Hell Triadic Color Scheme#FAF1C8#C3FBF4#EDC8FF#FBF9E8#88FFDD
- Butter Honey Triadic Color Scheme#F5E5AB#ABF5ED#E9AEF2#FBF9E8#6FE7DB
Questions
What colors go with Star Magnolia?
In a triadic scheme: Bashful (#E3EDED), Faded Fuchsia (#EDE2EE), Ultra White (#F6F6F0), Fine China (#B1D2D5).
What is the hex code of Star Magnolia?
#EEEFE2.