Toxic Latte Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Toxic Latte (#E1F8E7), each snapped to its nearest named color.
#E1F8E7
#F2E4F5
#F8E0E7
#A3EFB8
#F8EBFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Toxic Latte | #E1F8E7 | 225, 248, 231 | 136°, 62%, 93% | 9, 0, 7, 3 | |
| Minute Mauve | #F2E4F5 | 242, 228, 245 | 289°, 46%, 93% | 1, 7, 0, 4 | |
| Pork Belly | #F8E0E7 | 248, 224, 231 | 343°, 63%, 93% | 0, 10, 7, 3 | |
| Ultra Mint | #A3EFB8 | 163, 239, 184 | 137°, 70%, 79% | 32, 0, 23, 6 | |
| Placebo Fuchsia | #F8EBFC | 248, 235, 252 | 286°, 74%, 95% | 2, 7, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E1F8E7 on #A3EFB8 | 1.20:1 | — |
| Aa #A3EFB8 on #F8EBFC | 1.17:1 | — |
| Aa #E1F8E7 on #F8E0E7 | 1.12:1 | — |
| Aa #F2E4F5 on #A3EFB8 | 1.10:1 | — |
| Aa #E1F8E7 on #F2E4F5 | 1.09:1 | — |
| Aa #F8E0E7 on #F8EBFC | 1.09:1 | — |
CSS variables
:root {
--color-1: #e1f8e7; /* Toxic Latte */
--color-2: #f2e4f5; /* Minute Mauve */
--color-3: #f8e0e7; /* Pork Belly */
--color-4: #a3efb8; /* Ultra Mint */
--color-5: #f8ebfc; /* Placebo Fuchsia */
}Other schemes from Toxic Latte
- Toxic Latte Complementary Color Scheme#E1F8E7#EBF8EF#FDE1F0#E6A8D7#FCEBF4
- Toxic Latte Analogous Color Scheme#F5F5E4#E9F6E2#E1F8E7#E2F7F1#E7F0F7
- Toxic Latte Triadic Color Scheme#E1F8E7#E5E5FA#F9E7E1#EBF8EF#ACACE6
- Toxic Latte Tetradic Color Scheme#E1F8E7#E5E5FA#FDE1F0#F7F3E0#EBF8EF
- Toxic Latte Monochromatic Color Scheme#78CF86#A3EFB8#E1F8E7#EBF8EF#EBF8EF
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Toxic Latte?
In a split-complementary scheme: Minute Mauve (#F2E4F5), Pork Belly (#F8E0E7), Ultra Mint (#A3EFB8), Placebo Fuchsia (#F8EBFC).
What is the hex code of Toxic Latte?
#E1F8E7.