Floaty Bubble Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Floaty Bubble (#EAF5E7), each snapped to its nearest named color.
#8AC479
#BDDFB2
#EAF5E7
#F1F8EC
#F1F8EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Applegate | #8AC479 | 138, 196, 121 | 106°, 39%, 62% | 30, 0, 38, 23 | 76.2% 0.120 139 | |
| Graceful Flower | #BDDFB2 | 189, 223, 178 | 105°, 41%, 79% | 15, 0, 20, 13 | 86.7% 0.071 138 | |
| Floaty Bubble | #EAF5E7 | 234, 245, 231 | 107°, 41%, 93% | 4, 0, 6, 4 | 95.8% 0.022 139 | |
| Garden Dawn | #F1F8EC | 241, 248, 236 | 95°, 46%, 95% | 3, 0, 5, 3 | 97.1% 0.017 132 | |
| Garden Dawn | #F1F8EC | 241, 248, 236 | 95°, 46%, 95% | 3, 0, 5, 3 | 97.1% 0.017 132 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8AC479 on #F1F8EC | 1.89:1 | — |
| Aa #8AC479 on #F1F8EC | 1.89:1 | — |
| Aa #8AC479 on #EAF5E7 | 1.83:1 | — |
| Aa #8AC479 on #BDDFB2 | 1.40:1 | — |
| Aa #BDDFB2 on #F1F8EC | 1.35:1 | — |
| Aa #BDDFB2 on #F1F8EC | 1.35:1 | — |
CSS variables
:root {
--color-1: #8ac479; /* Applegate */
--color-2: #bddfb2; /* Graceful Flower */
--color-3: #eaf5e7; /* Floaty Bubble */
--color-4: #f1f8ec; /* Garden Dawn */
--color-5: #f1f8ec; /* Garden Dawn */
}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 Split-complementary Color Scheme#EAF5E7#ECE7F2#F4EAF0#BDDFB2#EBECF5
- Floaty Bubble Tetradic Color Scheme#EAF5E7#E7F0F7#F0E5F5#F5ECE7#F1F8EC
More very light green monochromatic color schemes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Floaty Bubble?
In a monochromatic scheme: Applegate (#8AC479), Graceful Flower (#BDDFB2), Garden Dawn (#F1F8EC), Garden Dawn (#F1F8EC).
What is the hex code of Floaty Bubble?
#EAF5E7.