Calm Waters Complementary Color Scheme
Five colors arranged by the complementary rule around Calm Waters (#E7FAFA), each snapped to its nearest named color.
#E7FAFA
#EBFCFC
#FBE7E6
#F1AAA8
#F9EAEA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Calm Waters | #E7FAFA | 231, 250, 250 | 180°, 66%, 94% | 8, 0, 0, 2 | |
| Placebo Sky | #EBFCFC | 235, 252, 252 | 180°, 74%, 95% | 7, 0, 0, 1 | |
| Unburdened Pink | #FBE7E6 | 251, 231, 230 | 3°, 72%, 94% | 0, 8, 8, 2 | |
| Faint of Heart | #F1AAA8 | 241, 170, 168 | 2°, 72%, 80% | 0, 29, 30, 5 | |
| Ballerina Gown | #F9EAEA | 249, 234, 234 | 0°, 56%, 95% | 0, 6, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBFCFC on #F1AAA8 | 1.80:1 | — |
| Aa #E7FAFA on #F1AAA8 | 1.76:1 | — |
| Aa #F1AAA8 on #F9EAEA | 1.63:1 | — |
| Aa #FBE7E6 on #F1AAA8 | 1.60:1 | — |
| Aa #EBFCFC on #FBE7E6 | 1.12:1 | — |
| Aa #EBFCFC on #F9EAEA | 1.10:1 | — |
CSS variables
:root {
--color-1: #e7fafa; /* Calm Waters */
--color-2: #ebfcfc; /* Placebo Sky */
--color-3: #fbe7e6; /* Unburdened Pink */
--color-4: #f1aaa8; /* Faint of Heart */
--color-5: #f9eaea; /* Ballerina Gown */
}Other schemes from Calm Waters
- Calm Waters Analogous Color Scheme#E4F7E7#E6F9F1#E7FAFA#E7EFFB#E6E6FA
- Calm Waters Triadic Color Scheme#E7FAFA#FCEBFA#FBF9E8#EBFCFC#EEAAEE
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Calm Waters Monochromatic Color Scheme#6FEBE3#AFEEEE#E7FAFA#EBFCFC#EBFCFC
More Very Light Teal complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
- Cold Wave Complementary Color Scheme#C2E2E3#ECF7F7#E1C2C1#CE8E8B#F6EEED
Questions
What colors go with Calm Waters?
In a complementary scheme: Placebo Sky (#EBFCFC), Unburdened Pink (#FBE7E6), Faint of Heart (#F1AAA8), Ballerina Gown (#F9EAEA).
What is the hex code of Calm Waters?
#E7FAFA.