Northwind Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Northwind (#CEE5E9), each snapped to its nearest named color.
#CEE5E9
#E9CDD8
#E8E0CD
#9ACAD3
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Northwind | #CEE5E9 | 206, 229, 233 | 189°, 38%, 86% | 12, 2, 0, 9 | |
| Petit Pink | #E9CDD8 | 233, 205, 216 | 336°, 39%, 86% | 0, 12, 7, 9 | |
| Asian Ivory | #E8E0CD | 232, 224, 205 | 42°, 37%, 86% | 0, 3, 12, 9 | |
| Surfside | #9ACAD3 | 154, 202, 211 | 189°, 39%, 72% | 27, 4, 0, 17 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9ACAD3 on #F7EFEF | 1.58:1 | — |
| Aa #CEE5E9 on #9ACAD3 | 1.36:1 | — |
| Aa #E8E0CD on #9ACAD3 | 1.36:1 | — |
| Aa #E9CDD8 on #F7EFEF | 1.31:1 | — |
| Aa #E9CDD8 on #9ACAD3 | 1.21:1 | — |
| Aa #E8E0CD on #F7EFEF | 1.16:1 | — |
CSS variables
:root {
--color-1: #cee5e9; /* Northwind */
--color-2: #e9cdd8; /* Petit Pink */
--color-3: #e8e0cd; /* Asian Ivory */
--color-4: #9acad3; /* Surfside */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Northwind
- Northwind Complementary Color Scheme#CEE5E9#ECF7F7#E9D2CC#D1A19B#F6EEED
- Northwind Analogous Color Scheme#D2EAD5#CDEBE1#CEE5E9#CDD6EA#D2CCE5
- Northwind Triadic Color Scheme#CEE5E9#E9CFE5#E3E9CF#ECF7F7#D39BCB
- Northwind Tetradic Color Scheme#CEE5E9#E6CEE6#E9D2CC#DBE8CF#ECF7F7
- Northwind Monochromatic Color Scheme#63ADB9#9ACAD3#CEE5E9#ECF7F7#ECF7F7
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 Northwind?
In a split-complementary scheme: Petit Pink (#E9CDD8), Asian Ivory (#E8E0CD), Surfside (#9ACAD3), Vienna Dawn (#F7EFEF).
What is the hex code of Northwind?
#CEE5E9.