Bubble Bath Complementary Color Scheme
Five colors arranged by the complementary rule around Bubble Bath (#E8E0E9), each snapped to its nearest named color.
#E8E0E9
#F6F1F4
#DFEBDD
#B1CDAC
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bubble Bath | #E8E0E9 | 232, 224, 233 | 293°, 17%, 90% | 0, 4, 0, 9 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 | |
| Lighter Mint | #DFEBDD | 223, 235, 221 | 111°, 26%, 89% | 5, 0, 6, 8 | |
| Spinach Dip | #B1CDAC | 177, 205, 172 | 111°, 25%, 74% | 14, 0, 16, 20 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B1CDAC on #EFF5F1 | 1.56:1 | — |
| Aa #F6F1F4 on #B1CDAC | 1.54:1 | — |
| Aa #DFEBDD on #B1CDAC | 1.40:1 | — |
| Aa #E8E0E9 on #B1CDAC | 1.33:1 | — |
| Aa #E8E0E9 on #EFF5F1 | 1.17:1 | — |
| Aa #E8E0E9 on #F6F1F4 | 1.16:1 | — |
CSS variables
:root {
--color-1: #e8e0e9; /* Bubble Bath */
--color-2: #f6f1f4; /* Grim White */
--color-3: #dfebdd; /* Lighter Mint */
--color-4: #b1cdac; /* Spinach Dip */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Bubble Bath
- Bubble Bath Analogous Color Scheme#DFDFEA#E3DFEA#E8E0E9#ECDEE5#ECDFDF
- Bubble Bath Triadic Color Scheme#E8E0E9#ECE9DD#DFEBE9#F6F1F4#CECBAE
- Bubble Bath Split-complementary Color Scheme#E8E0E9#E4ECDF#DDEBE3#C9AFD0#F4F4F0
- Bubble Bath Tetradic Color Scheme#E8E0E9#EBE3DE#DFEBDD#DEE6EC#F6F1F4
- Bubble Bath Monochromatic Color Scheme#A785A7#C5B5CA#E8E0E9#F3F1F3#F3F1F3
More Very Light Pink complementary palettes
- Antarctic Love Complementary Color Scheme#EDDEE6#F8EEF4#DEEDE4#ACD0BB#EFF5F1
- Baby Pink Complementary Color Scheme#FFB7CE#FFE5ED#B8FFEB#73FCD6#EBFCF5
- Ballerina Complementary Color Scheme#F2CFDC#F8EAED#CEF2E4#8FE0C6#E9F9F5
- Berries N’ Cream Complementary Color Scheme#F2B8CA#F8EAED#B0EEE2#7EF4CC#EBFCF5
- Berry Butter Complementary Color Scheme#EFCEDC#F8EEF4#CFEEE1#95DABD#E9F9F5
- Blackberry Yoghurt Complementary Color Scheme#E5BDDF#F8EEF4#BDE1C4#86C994#EBF8EF
- Bride Complementary Color Scheme#EFE7EB#F5F0F1#E6F0EA#B6D3C5#EFF5F1
- Bubblegum Crisis Complementary Color Scheme#EECCEE#FCEBFA#CCEECC#98D98E#EBF8EF
- Bubblegum Heart Complementary Color Scheme#FFBADF#FFE6F1#B8F8D8#6BFFB3#E6FDF1
- Bunny Tail Complementary Color Scheme#FFE3F4#FFE3F4#E6FDF1#96FBC4#E6FDF1
- Candy Bar Complementary Color Scheme#FFB7D5#FFE5EF#B8FFEB#7BFDC7#E6FDF1
- Candy Dreams Complementary Color Scheme#E9AEF2#F8EBFC#BCECAC#64EB65#EBFCEC
Questions
What colors go with Bubble Bath?
In a complementary scheme: Grim White (#F6F1F4), Lighter Mint (#DFEBDD), Spinach Dip (#B1CDAC), Heavy Sugar (#EFF5F1).
What is the hex code of Bubble Bath?
#E8E0E9.