Water Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Water (#D4F1F9), each snapped to its nearest named color.
#D4F1F9
#FCD2DF
#FAEFD5
#88DDEE
#FFE9ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Water | #D4F1F9 | 212, 241, 249 | 193°, 76%, 90% | 15, 3, 0, 2 | |
| Creamy Strawberry | #FCD2DF | 252, 210, 223 | 341°, 88%, 91% | 0, 17, 12, 1 | |
| Milky Way Galaxy | #FAEFD5 | 250, 239, 213 | 42°, 79%, 91% | 0, 4, 15, 2 | |
| Photon Barrier | #88DDEE | 136, 221, 238 | 190°, 75%, 73% | 43, 7, 0, 7 | |
| Rose Mochi | #FFE9ED | 255, 233, 237 | 349°, 100%, 96% | 0, 9, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FAEFD5 on #88DDEE | 1.35:1 | — |
| Aa #88DDEE on #FFE9ED | 1.33:1 | — |
| Aa #D4F1F9 on #88DDEE | 1.30:1 | — |
| Aa #FCD2DF on #FAEFD5 | 1.19:1 | — |
| Aa #FCD2DF on #FFE9ED | 1.18:1 | — |
| Aa #D4F1F9 on #FCD2DF | 1.15:1 | — |
CSS variables
:root {
--color-1: #d4f1f9; /* Water */
--color-2: #fcd2df; /* Creamy Strawberry */
--color-3: #faefd5; /* Milky Way Galaxy */
--color-4: #88ddee; /* Photon Barrier */
--color-5: #ffe9ed; /* Rose Mochi */
}Other schemes from Water
- Water Complementary Color Scheme#D4F1F9#E8F7FD#FADDD4#F6A694#FBEEE8
- Water Analogous Color Scheme#D2F4DD#CFF7EF#D4F1F9#D2DEF2#DDD6F3
- Water Triadic Color Scheme#D4F1F9#F9D7EE#EFF5D1#E8F7FD#F092D6
- Water Tetradic Color Scheme#D4F1F9#EECFFE#FADDD4#DBF4D8#E8F7FD
- Water Monochromatic Color Scheme#4EC0ED#88DDEE#D4F1F9#E8F7FD#E8F7FD
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
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- 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
Questions
What colors go with Water?
In a split-complementary scheme: Creamy Strawberry (#FCD2DF), Milky Way Galaxy (#FAEFD5), Photon Barrier (#88DDEE), Rose Mochi (#FFE9ED).
What is the hex code of Water?
#D4F1F9.