Calm Waters Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Calm Waters (#E7FAFA), each snapped to its nearest named color.
#E7FAFA
#F9E7F4
#F9F2E7
#AFEEEE
#FCEBF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Calm Waters | #E7FAFA | 231, 250, 250 | 180°, 66%, 94% | 8, 0, 0, 2 | |
| Cherry Pearl | #F9E7F4 | 249, 231, 244 | 317°, 60%, 94% | 0, 7, 2, 2 | |
| Powdered | #F9F2E7 | 249, 242, 231 | 37°, 60%, 94% | 0, 3, 7, 2 | |
| Mint Macaron | #AFEEEE | 175, 238, 238 | 180°, 65%, 81% | 26, 0, 0, 7 | |
| Placebo Magenta | #FCEBF4 | 252, 235, 244 | 328°, 74%, 95% | 0, 7, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FAFA on #AFEEEE | 1.19:1 | — |
| Aa #F9F2E7 on #AFEEEE | 1.16:1 | — |
| Aa #AFEEEE on #FCEBF4 | 1.13:1 | — |
| Aa #E7FAFA on #F9E7F4 | 1.10:1 | — |
| Aa #F9E7F4 on #AFEEEE | 1.09:1 | — |
| Aa #F9E7F4 on #F9F2E7 | 1.06:1 | — |
CSS variables
:root {
--color-1: #e7fafa; /* Calm Waters */
--color-2: #f9e7f4; /* Cherry Pearl */
--color-3: #f9f2e7; /* Powdered */
--color-4: #afeeee; /* Mint Macaron */
--color-5: #fcebf4; /* Placebo Magenta */
}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 Triadic Color Scheme#E7FAFA#FCEBFA#FBF9E8#EBFCFC#EEAAEE
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Calm Waters Monochromatic Color Scheme#6FEBE3#AFEEEE#E7FAFA#EBFCFC#EBFCFC
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
- Cold Wave Split-complementary Color Scheme#C2E2E3#E2C3CF#E2D5C2#8CC6CB#F8EEF4
Questions
What colors go with Calm Waters?
In a split-complementary scheme: Cherry Pearl (#F9E7F4), Powdered (#F9F2E7), Mint Macaron (#AFEEEE), Placebo Magenta (#FCEBF4).
What is the hex code of Calm Waters?
#E7FAFA.