Toxic Latte Complementary Color Scheme
Five colors arranged by the complementary rule around Toxic Latte (#E1F8E7), each snapped to its nearest named color.
#E1F8E7
#EBF8EF
#FDE1F0
#E6A8D7
#FCEBF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Toxic Latte | #E1F8E7 | 225, 248, 231 | 136°, 62%, 93% | 9, 0, 7, 3 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 | |
| Pale Blossom | #FDE1F0 | 253, 225, 240 | 328°, 88%, 94% | 0, 11, 5, 1 | |
| Cosmic Pink | #E6A8D7 | 230, 168, 215 | 315°, 55%, 78% | 0, 27, 7, 10 | |
| Placebo Magenta | #FCEBF4 | 252, 235, 244 | 328°, 74%, 95% | 0, 7, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBF8EF on #E6A8D7 | 1.75:1 | — |
| Aa #E1F8E7 on #E6A8D7 | 1.72:1 | — |
| Aa #E6A8D7 on #FCEBF4 | 1.67:1 | — |
| Aa #FDE1F0 on #E6A8D7 | 1.57:1 | — |
| Aa #EBF8EF on #FDE1F0 | 1.12:1 | — |
| Aa #E1F8E7 on #FDE1F0 | 1.09:1 | — |
CSS variables
:root {
--color-1: #e1f8e7; /* Toxic Latte */
--color-2: #ebf8ef; /* Soft Petals */
--color-3: #fde1f0; /* Pale Blossom */
--color-4: #e6a8d7; /* Cosmic Pink */
--color-5: #fcebf4; /* Placebo Magenta */
}Other schemes from Toxic Latte
- Toxic Latte Analogous Color Scheme#F5F5E4#E9F6E2#E1F8E7#E2F7F1#E7F0F7
- Toxic Latte Triadic Color Scheme#E1F8E7#E5E5FA#F9E7E1#EBF8EF#ACACE6
- Toxic Latte Split-complementary Color Scheme#E1F8E7#F2E4F5#F8E0E7#A3EFB8#F8EBFC
- Toxic Latte Tetradic Color Scheme#E1F8E7#E5E5FA#FDE1F0#F7F3E0#EBF8EF
- Toxic Latte Monochromatic Color Scheme#78CF86#A3EFB8#E1F8E7#EBF8EF#EBF8EF
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 Toxic Latte?
In a complementary scheme: Soft Petals (#EBF8EF), Pale Blossom (#FDE1F0), Cosmic Pink (#E6A8D7), Placebo Magenta (#FCEBF4).
What is the hex code of Toxic Latte?
#E1F8E7.