Bath Bubbles Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bath Bubbles (#E6F2EA), each snapped to its nearest named color.
#E6F2EA
#F0E5F5
#F2E7E7
#B3D5C0
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bath Bubbles | #E6F2EA | 230, 242, 234 | 140°, 32%, 93% | 5, 0, 3, 5 | |
| Holographic Lavender | #F0E5F5 | 240, 229, 245 | 281°, 44%, 93% | 2, 7, 0, 4 | |
| Mont Blanc Peak | #F2E7E7 | 242, 231, 231 | 0°, 30%, 93% | 0, 5, 5, 5 | |
| Ginninderra | #B3D5C0 | 179, 213, 192 | 143°, 29%, 77% | 16, 0, 10, 16 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B3D5C0 on #F8EEF4 | 1.40:1 | — |
| Aa #E6F2EA on #B3D5C0 | 1.38:1 | — |
| Aa #F2E7E7 on #B3D5C0 | 1.32:1 | — |
| Aa #F0E5F5 on #B3D5C0 | 1.31:1 | — |
| Aa #F0E5F5 on #F8EEF4 | 1.08:1 | — |
| Aa #F2E7E7 on #F8EEF4 | 1.07:1 | — |
CSS variables
:root {
--color-1: #e6f2ea; /* Bath Bubbles */
--color-2: #f0e5f5; /* Holographic Lavender */
--color-3: #f2e7e7; /* Mont Blanc Peak */
--color-4: #b3d5c0; /* Ginninderra */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Bath Bubbles
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bath Bubbles Analogous Color Scheme#EEF3E5#E7F1E6#E6F2EA#E6F1F1#E5EDF1
- Bath Bubbles Triadic Color Scheme#E6F2EA#ECE7F2#F2EBE6#EFF5F1#C0B2D7
- Bath Bubbles Tetradic Color Scheme#E6F2EA#E5E8F2#F1E8EC#F2F0E6#EFF5F1
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
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
- 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
- Creamy Mint Split-complementary Color Scheme#AAFFAA#CCAAFF#FFA6D9#53FE5C#F0EBFC
Questions
What colors go with Bath Bubbles?
In a split-complementary scheme: Holographic Lavender (#F0E5F5), Mont Blanc Peak (#F2E7E7), Ginninderra (#B3D5C0), Sentimental Pink (#F8EEF4).
What is the hex code of Bath Bubbles?
#E6F2EA.