Amnesiac White Complementary Color Scheme
Five colors arranged by the complementary rule around Amnesiac White (#F8FBEB), each snapped to its nearest named color.
#F8FBEB
#F8FBEB
#EEE9F9
#ACACE6
#EEE9F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Amnesiac White | #F8FBEB | 248, 251, 235 | 71°, 67%, 95% | 1, 0, 6, 2 | |
| Amnesiac White | #F8FBEB | 248, 251, 235 | 71°, 67%, 95% | 1, 0, 6, 2 | |
| Bright Dusk | #EEE9F9 | 238, 233, 249 | 259°, 57%, 95% | 4, 6, 0, 2 | |
| Maximum Blue Purple | #ACACE6 | 172, 172, 230 | 240°, 54%, 79% | 25, 25, 0, 10 | |
| Bright Dusk | #EEE9F9 | 238, 233, 249 | 259°, 57%, 95% | 4, 6, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F8FBEB on #ACACE6 | 2.04:1 | — |
| Aa #F8FBEB on #ACACE6 | 2.04:1 | — |
| Aa #EEE9F9 on #ACACE6 | 1.80:1 | — |
| Aa #ACACE6 on #EEE9F9 | 1.80:1 | — |
| Aa #F8FBEB on #EEE9F9 | 1.13:1 | — |
| Aa #F8FBEB on #EEE9F9 | 1.13:1 | — |
CSS variables
:root {
--color-1: #f8fbeb; /* Amnesiac White */
--color-2: #f8fbeb; /* Amnesiac White */
--color-3: #eee9f9; /* Bright Dusk */
--color-4: #acace6; /* Maximum Blue Purple */
--color-5: #eee9f9; /* Bright Dusk */
}Other schemes from Amnesiac White
- Amnesiac White Analogous Color Scheme#F9ECEA#FCF5EB#F8FBEB#F1FAEA#EBFCEC
- Amnesiac White Triadic Color Scheme#F8FBEB#E8F7FD#FCEBFA#F8FBEB#ACE1F0
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Amnesiac White Tetradic Color Scheme#F8FBEB#EBFCF5#EEE9F9#F8EAED#F8FBEB
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
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
- 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
- Creamy Mint Complementary Color Scheme#AAFFAA#E7FBEC#FFAAFF#FB5FFC#FFEBFE
Questions
What colors go with Amnesiac White?
In a complementary scheme: Bright Dusk (#EEE9F9), Maximum Blue Purple (#ACACE6), Bright Dusk (#EEE9F9).
What is the hex code of Amnesiac White?
#F8FBEB.