Choux à la Crème Complementary Color Scheme
Five colors arranged by the complementary rule around Choux à la Crème (#EBCF7D), each snapped to its nearest named color.
#EBCF7D
#F6EDCD
#6495ED
#3C69E7
#DBDBF7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Choux à la Crème | #EBCF7D | 235, 207, 125 | 45°, 73%, 71% | 0, 12, 47, 8 | |
| Blonde Shell | #F6EDCD | 246, 237, 205 | 47°, 69%, 88% | 0, 4, 17, 4 | |
| Guilliman Blue | #6495ED | 100, 149, 237 | 219°, 79%, 66% | 58, 37, 0, 7 | |
| Bluetiful | #3C69E7 | 60, 105, 231 | 224°, 78%, 57% | 74, 55, 0, 9 | |
| Nostalgia Perfume | #DBDBF7 | 219, 219, 247 | 240°, 64%, 91% | 11, 11, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6EDCD on #3C69E7 | 4.10:1 | AA large |
| Aa #3C69E7 on #DBDBF7 | 3.55:1 | AA large |
| Aa #EBCF7D on #3C69E7 | 3.15:1 | AA large |
| Aa #F6EDCD on #6495ED | 2.54:1 | — |
| Aa #6495ED on #DBDBF7 | 2.19:1 | — |
| Aa #EBCF7D on #6495ED | 1.95:1 | — |
CSS variables
:root {
--color-1: #ebcf7d; /* Choux à la Crème */
--color-2: #f6edcd; /* Blonde Shell */
--color-3: #6495ed; /* Guilliman Blue */
--color-4: #3c69e7; /* Bluetiful */
--color-5: #dbdbf7; /* Nostalgia Perfume */
}Other schemes from Choux à la Crème
- Choux à la Crème Analogous Color Scheme#ED7A9E#E9967A#EBCF7D#C6EC7A#9AE37D
- Choux à la Crème Triadic Color Scheme#EBCF7D#7EF4CC#CC77EE#F9F0D6#2EE8BB
- Choux à la Crème Split-complementary Color Scheme#EBCF7D#7ED4E6#9878F8#E5B73B#BCE6EF
- Choux à la Crème Tetradic Color Scheme#EBCF7D#7BE892#6495ED#FF6EC7#F9F0D6
- Choux à la Crème Monochromatic Color Scheme#B3861E#E5B73B#EBCF7D#F9E7BF#FAF7E9
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 Choux à la Crème?
In a complementary scheme: Blonde Shell (#F6EDCD), Guilliman Blue (#6495ED), Bluetiful (#3C69E7), Nostalgia Perfume (#DBDBF7).
What is the hex code of Choux à la Crème?
#EBCF7D.