Crème Fraîche Complementary Color Scheme
Five colors arranged by the complementary rule around Crème Fraîche (#ECEEE6), each snapped to its nearest named color.
#ECEEE6
#F4F4F0
#E9E4EF
#BAB8D3
#F3F1F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Crème Fraîche | #ECEEE6 | 236, 238, 230 | 75°, 19%, 92% | 1, 0, 3, 7 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 | |
| Modest Violet | #E9E4EF | 233, 228, 239 | 267°, 26%, 92% | 3, 5, 0, 6 | |
| Purple Heather | #BAB8D3 | 186, 184, 211 | 244°, 23%, 77% | 12, 13, 0, 17 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F4F4F0 on #BAB8D3 | 1.75:1 | — |
| Aa #BAB8D3 on #F3F1F3 | 1.72:1 | — |
| Aa #ECEEE6 on #BAB8D3 | 1.65:1 | — |
| Aa #E9E4EF on #BAB8D3 | 1.54:1 | — |
| Aa #F4F4F0 on #E9E4EF | 1.13:1 | — |
| Aa #E9E4EF on #F3F1F3 | 1.11:1 | — |
CSS variables
:root {
--color-1: #eceee6; /* Crème Fraîche */
--color-2: #f4f4f0; /* Classic Chalk */
--color-3: #e9e4ef; /* Modest Violet */
--color-4: #bab8d3; /* Purple Heather */
--color-5: #f3f1f3; /* Aragonite White */
}Other schemes from Crème Fraîche
- Crème Fraîche Analogous Color Scheme#EEE7E6#EFEDE6#ECEEE6#E4EFE5#E4F0E8
- Crème Fraîche Triadic Color Scheme#ECEEE6#E5EEEE#EDE6ED#F4F4F0#B4CBD4
- Crème Fraîche Split-complementary Color Scheme#ECEEE6#E6E6F1#EDE6ED#CFD2B5#EEF2F3
- Crème Fraîche Tetradic Color Scheme#ECEEE6#E6EFEC#E9E4EF#EFE6E6#F4F4F0
- Crème Fraîche Monochromatic Color Scheme#A5AF89#C9D0B8#ECEEE6#F4F4F0#F4F4F0
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Crème Fraîche?
In a complementary scheme: Classic Chalk (#F4F4F0), Modest Violet (#E9E4EF), Purple Heather (#BAB8D3), Aragonite White (#F3F1F3).
What is the hex code of Crème Fraîche?
#ECEEE6.