Bubbles Tetradic Color Scheme
Five colors arranged by the tetradic rule around Bubbles (#E7FEFF), each snapped to its nearest named color.
#E7FEFF
#F0EBFC
#FFE8E5
#F1FDE9
#E7FEFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 | |
| Sheer Rosebud | #FFE8E5 | 255, 232, 229 | 7°, 100%, 95% | 0, 9, 10, 0 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FEFF on #FFE8E5 | 1.12:1 | — |
| Aa #FFE8E5 on #E7FEFF | 1.12:1 | — |
| Aa #FFE8E5 on #F1FDE9 | 1.11:1 | — |
| Aa #E7FEFF on #F0EBFC | 1.11:1 | — |
| Aa #F0EBFC on #E7FEFF | 1.11:1 | — |
| Aa #F0EBFC on #F1FDE9 | 1.11:1 | — |
CSS variables
:root {
--color-1: #e7feff; /* Bubbles */
--color-2: #f0ebfc; /* Placebo Purple */
--color-3: #ffe8e5; /* Sheer Rosebud */
--color-4: #f1fde9; /* Crème de Menthe */
--color-5: #e7feff; /* Bubbles */
}Other schemes from Bubbles
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Bubbles Analogous Color Scheme#E7FBEC#E6FDF1#E7FEFF#E8EEFE#E6E6FA
- Bubbles Triadic Color Scheme#E7FEFF#FFEBFE#FFFFE5#E7FEFF#FF99FF
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Bubbles Monochromatic Color Scheme#53F6FF#9CFAFF#E7FEFF#E7FEFF#E7FEFF
More Very Light Teal tetradic palettes
- Airy Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- Alpine Expedition Tetradic Color Scheme#99EEFF#D59CFC#FFAA99#BBFF99#E7FEFF
- Antiguan Tetradic Color Scheme#BDDFD8#C6BEDD#DCBDC8#DDDEBE#ECF7F7
- Bare Mintimum Tetradic Color Scheme#D6E3E7#E3D6E9#E6DAD6#DAE9D6#F0F4F8
- Blister Pearl Tetradic Color Scheme#AAFFEE#CCAAFF#FFAABB#EEFFAA#E7FEFF
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Break the Ice Tetradic Color Scheme#B2E1EE#DDAAEE#F1BFB1#CEEBB2#EEF7FA
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Castle in the Sky Tetradic Color Scheme#D1EAED#E9D2EF#ECD4D2#DAEED3#ECF7F7
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Omen Tetradic Color Scheme#D6EAE8#DDD6E7#ECD5D9#E3EAD6#ECF7F7
- Cold Wave Tetradic Color Scheme#C2E2E3#CAC1E2#E1C2C1#D6E1C2#ECF7F7
Questions
What colors go with Bubbles?
In a tetradic scheme: Placebo Purple (#F0EBFC), Sheer Rosebud (#FFE8E5), Crème de Menthe (#F1FDE9).
What is the hex code of Bubbles?
#E7FEFF.