Mille-Feuille Complementary Color Scheme
Five colors arranged by the complementary rule around Mille-Feuille (#EFC87D), each snapped to its nearest named color.
#EFC87D
#F9ECD0
#7AAAE0
#3C69E7
#D6EAFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mille-Feuille | #EFC87D | 239, 200, 125 | 39°, 78%, 71% | 0, 16, 48, 6 | |
| Queenly Laugh | #F9ECD0 | 249, 236, 208 | 41°, 77%, 90% | 0, 5, 16, 2 | |
| Jordy Blue | #7AAAE0 | 122, 170, 224 | 212°, 62%, 68% | 46, 24, 0, 12 | |
| Bluetiful | #3C69E7 | 60, 105, 231 | 224°, 78%, 57% | 74, 55, 0, 9 | |
| Cloudless | #D6EAFC | 214, 234, 252 | 208°, 86%, 91% | 15, 7, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F9ECD0 on #3C69E7 | 4.11:1 | AA large |
| Aa #3C69E7 on #D6EAFC | 3.90:1 | AA large |
| Aa #EFC87D on #3C69E7 | 3.03:1 | AA large |
| Aa #F9ECD0 on #7AAAE0 | 2.07:1 | — |
| Aa #7AAAE0 on #3C69E7 | 1.98:1 | — |
| Aa #7AAAE0 on #D6EAFC | 1.97:1 | — |
CSS variables
:root {
--color-1: #efc87d; /* Mille-Feuille */
--color-2: #f9ecd0; /* Queenly Laugh */
--color-3: #7aaae0; /* Jordy Blue */
--color-4: #3c69e7; /* Bluetiful */
--color-5: #d6eafc; /* Cloudless */
}Other schemes from Mille-Feuille
- Mille-Feuille Analogous Color Scheme#FF77A8#EC9079#EFC87D#D8F878#A9F971
- Mille-Feuille Triadic Color Scheme#EFC87D#7EF4CC#CC77EE#FAEED7#2EE8BB
- Mille-Feuille Split-complementary Color Scheme#EFC87D#77DDE7#9878F8#E3AC3D#C4ECF0
- Mille-Feuille Tetradic Color Scheme#EFC87D#7BE892#7AAAE0#FF6EC7#FAEED7
- Mille-Feuille Monochromatic Color Scheme#BB8610#E3AC3D#EFC87D#F7E4C2#FBF4E8
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Mille-Feuille?
In a complementary scheme: Queenly Laugh (#F9ECD0), Jordy Blue (#7AAAE0), Bluetiful (#3C69E7), Cloudless (#D6EAFC).
What is the hex code of Mille-Feuille?
#EFC87D.