Floaty Bubble Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Floaty Bubble (#EAF5E7), each snapped to its nearest named color.
#EAF5E7
#ECE7F2
#F4EAF0
#BDDFB2
#EBECF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Floaty Bubble | #EAF5E7 | 234, 245, 231 | 107°, 41%, 93% | 4, 0, 6, 4 | |
| Tranquil Eve | #ECE7F2 | 236, 231, 242 | 267°, 30%, 93% | 2, 5, 0, 5 | |
| Snow Plum | #F4EAF0 | 244, 234, 240 | 324°, 31%, 94% | 0, 4, 2, 4 | |
| Graceful Flower | #BDDFB2 | 189, 223, 178 | 105°, 41%, 79% | 15, 0, 20, 13 | |
| Silver Phoenix | #EBECF5 | 235, 236, 245 | 234°, 33%, 94% | 4, 4, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EAF5E7 on #BDDFB2 | 1.30:1 | — |
| Aa #F4EAF0 on #BDDFB2 | 1.24:1 | — |
| Aa #BDDFB2 on #EBECF5 | 1.24:1 | — |
| Aa #ECE7F2 on #BDDFB2 | 1.20:1 | — |
| Aa #EAF5E7 on #ECE7F2 | 1.08:1 | — |
| Aa #EAF5E7 on #EBECF5 | 1.05:1 | — |
CSS variables
:root {
--color-1: #eaf5e7; /* Floaty Bubble */
--color-2: #ece7f2; /* Tranquil Eve */
--color-3: #f4eaf0; /* Snow Plum */
--color-4: #bddfb2; /* Graceful Flower */
--color-5: #ebecf5; /* Silver Phoenix */
}Other schemes from Floaty Bubble
- Floaty Bubble Complementary Color Scheme#EAF5E7#F1F8EC#F0E5F5#D4AFDA#F8EEF4
- Floaty Bubble Analogous Color Scheme#F4F2E7#F2F4E8#EAF5E7#E8F2EB#EBF5F0
- Floaty Bubble Triadic Color Scheme#EAF5E7#E9EDF6#F5E6EA#F1F8EC#B2BADB
- Floaty Bubble Tetradic Color Scheme#EAF5E7#E7F0F7#F0E5F5#F5ECE7#F1F8EC
- Floaty Bubble Monochromatic Color Scheme#8AC479#BDDFB2#EAF5E7#F1F8EC#F1F8EC
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 Floaty Bubble?
In a split-complementary scheme: Tranquil Eve (#ECE7F2), Snow Plum (#F4EAF0), Graceful Flower (#BDDFB2), Silver Phoenix (#EBECF5).
What is the hex code of Floaty Bubble?
#EAF5E7.