Floaty Bubble Complementary Color Scheme
Five colors arranged by the complementary rule around Floaty Bubble (#EAF5E7), each snapped to its nearest named color.
#EAF5E7
#F1F8EC
#F0E5F5
#D4AFDA
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Floaty Bubble | #EAF5E7 | 234, 245, 231 | 107°, 41%, 93% | 4, 0, 6, 4 | |
| Garden Dawn | #F1F8EC | 241, 248, 236 | 95°, 46%, 95% | 3, 0, 5, 3 | |
| Holographic Lavender | #F0E5F5 | 240, 229, 245 | 281°, 44%, 93% | 2, 7, 0, 4 | |
| Whisper of Plum | #D4AFDA | 212, 175, 218 | 292°, 37%, 77% | 3, 20, 0, 15 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1F8EC on #D4AFDA | 1.77:1 | — |
| Aa #EAF5E7 on #D4AFDA | 1.71:1 | — |
| Aa #D4AFDA on #F8EEF4 | 1.69:1 | — |
| Aa #F0E5F5 on #D4AFDA | 1.57:1 | — |
| Aa #F1F8EC on #F0E5F5 | 1.12:1 | — |
| Aa #EAF5E7 on #F0E5F5 | 1.09:1 | — |
CSS variables
:root {
--color-1: #eaf5e7; /* Floaty Bubble */
--color-2: #f1f8ec; /* Garden Dawn */
--color-3: #f0e5f5; /* Holographic Lavender */
--color-4: #d4afda; /* Whisper of Plum */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Floaty Bubble
- Floaty Bubble Analogous Color Scheme#F4F2E7#F2F4E8#EAF5E7#E8F2EB#EBF5F0
- Floaty Bubble Triadic Color Scheme#EAF5E7#E9EDF6#F5E6EA#F1F8EC#B2BADB
- Floaty Bubble Split-complementary Color Scheme#EAF5E7#ECE7F2#F4EAF0#BDDFB2#EBECF5
- Floaty Bubble Tetradic Color Scheme#EAF5E7#E7F0F7#F0E5F5#F5ECE7#F1F8EC
- Floaty Bubble Monochromatic Color Scheme#8AC479#BDDFB2#EAF5E7#F1F8EC#F1F8EC
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 Floaty Bubble?
In a complementary scheme: Garden Dawn (#F1F8EC), Holographic Lavender (#F0E5F5), Whisper of Plum (#D4AFDA), Sentimental Pink (#F8EEF4).
What is the hex code of Floaty Bubble?
#EAF5E7.