Calm Waters Triadic Color Scheme
Five colors arranged by the triadic rule around Calm Waters (#E7FAFA), each snapped to its nearest named color.
#E7FAFA
#FCEBFA
#FBF9E8
#EBFCFC
#EEAAEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Calm Waters | #E7FAFA | 231, 250, 250 | 180°, 66%, 94% | 8, 0, 0, 2 | 97.1% 0.020 197 | |
| Placebo Pink | #FCEBFA | 252, 235, 250 | 307°, 74%, 95% | 0, 7, 1, 1 | 95.8% 0.027 329 | |
| Elderflower | #FBF9E8 | 251, 249, 232 | 54°, 70%, 95% | 0, 1, 8, 2 | 97.9% 0.022 101 | |
| Placebo Sky | #EBFCFC | 235, 252, 252 | 180°, 74%, 95% | 7, 0, 0, 1 | 97.9% 0.018 197 | |
| Pinky Swear | #EEAAEE | 238, 170, 238 | 300°, 67%, 80% | 0, 29, 0, 7 | 82.4% 0.118 327 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBFCFC on #EEAAEE | 1.71:1 | — |
| Aa #FBF9E8 on #EEAAEE | 1.71:1 | — |
| Aa #E7FAFA on #EEAAEE | 1.67:1 | — |
| Aa #FCEBFA on #EEAAEE | 1.58:1 | — |
| Aa #FCEBFA on #EBFCFC | 1.08:1 | — |
| Aa #FCEBFA on #FBF9E8 | 1.08:1 | — |
CSS variables
:root {
--color-1: #e7fafa; /* Calm Waters */
--color-2: #fcebfa; /* Placebo Pink */
--color-3: #fbf9e8; /* Elderflower */
--color-4: #ebfcfc; /* Placebo Sky */
--color-5: #eeaaee; /* Pinky Swear */
}Other schemes from Calm Waters
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Calm Waters Analogous Color Scheme#E4F7E7#E6F9F1#E7FAFA#E7EFFB#E6E6FA
- 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 triadic color schemes
- Airy Triadic Color Scheme#DAE6E9#E9DBE4#E5E8D9#F1F3F3#CCACC1
- Alpine Expedition Triadic Color Scheme#99EEFF#FF99EE#EEFF99#E7FEFF#FF55EE
- Antiguan Triadic Color Scheme#BDDFD8#D4BDDF#DFD7BD#ECF7F7#B48AC2
- Bare Mintimum Triadic Color Scheme#D6E3E7#E4D7E5#E3E6D6#F0F4F8#CCACC1
- Blister Pearl Triadic Color Scheme#AAFFEE#EEAAFF#FFEEAA#E7FEFF#DD55FF
- Bone-Chilling Triadic Color Scheme#E1F2F0#EFE2F2#F2EFE1#ECF7F7#D4AFDA
- Break the Ice Triadic Color Scheme#B2E1EE#F2ABE1#E3EFB2#EEF7FA#E56CC0
- Bubbles Triadic Color Scheme#E7FEFF#FFEBFE#FFFFE5#E7FEFF#FF99FF
- Castle in the Sky Triadic Color Scheme#D1EAED#F0D5EA#EAEBD1#ECF7F7#D39ED2
- Cold Canada Triadic Color Scheme#DBFFFE#FFDDFF#FFFED9#E7FEFF#FF88FF
- Cold Omen Triadic Color Scheme#D6EAE8#E7D8EA#E9E9D5#ECF7F7#C6A1CF
- Cold Wave Triadic Color Scheme#C2E2E3#E7C3E7#E1E2C2#ECF7F7#C290C5
Questions
What colors go with Calm Waters?
In a triadic scheme: Placebo Pink (#FCEBFA), Elderflower (#FBF9E8), Placebo Sky (#EBFCFC), Pinky Swear (#EEAAEE).
What is the hex code of Calm Waters?
#E7FAFA.