Northwind Tetradic Color Scheme
Five colors arranged by the tetradic rule around Northwind (#CEE5E9), each snapped to its nearest named color.
#CEE5E9
#E6CEE6
#E9D2CC
#DBE8CF
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Northwind | #CEE5E9 | 206, 229, 233 | 189°, 38%, 86% | 12, 2, 0, 9 | |
| Footie Pyjamas | #E6CEE6 | 230, 206, 230 | 300°, 32%, 85% | 0, 10, 0, 10 | |
| Birthday Cake | #E9D2CC | 233, 210, 204 | 12°, 40%, 86% | 0, 10, 12, 9 | |
| Minty Frosting | #DBE8CF | 219, 232, 207 | 91°, 35%, 86% | 6, 0, 11, 9 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6CEE6 on #ECF7F7 | 1.34:1 | — |
| Aa #E9D2CC on #ECF7F7 | 1.32:1 | — |
| Aa #CEE5E9 on #ECF7F7 | 1.20:1 | — |
| Aa #DBE8CF on #ECF7F7 | 1.17:1 | — |
| Aa #E6CEE6 on #DBE8CF | 1.15:1 | — |
| Aa #E9D2CC on #DBE8CF | 1.13:1 | — |
CSS variables
:root {
--color-1: #cee5e9; /* Northwind */
--color-2: #e6cee6; /* Footie Pyjamas */
--color-3: #e9d2cc; /* Birthday Cake */
--color-4: #dbe8cf; /* Minty Frosting */
--color-5: #ecf7f7; /* Aijiro White */
}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 Split-complementary Color Scheme#CEE5E9#E9CDD8#E8E0CD#9ACAD3#F7EFEF
- Northwind Monochromatic Color Scheme#63ADB9#9ACAD3#CEE5E9#ECF7F7#ECF7F7
More Very Light Teal tetradic palettes
- Airy Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- Alpine Expedition Tetradic Color Scheme#99EEFF#D59CFC#FFAA99#BBFF99#E7FEFF
- Antiguan Tetradic Color Scheme#BDDFD8#C6BEDD#DCBDC8#DDDEBE#ECF7F7
- Bare Mintimum Tetradic Color Scheme#D6E3E7#E3D6E9#E6DAD6#DAE9D6#F0F4F8
- Blister Pearl Tetradic Color Scheme#AAFFEE#CCAAFF#FFAABB#EEFFAA#E7FEFF
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Break the Ice Tetradic Color Scheme#B2E1EE#DDAAEE#F1BFB1#CEEBB2#EEF7FA
- Bubbles Tetradic Color Scheme#E7FEFF#F0EBFC#FFE8E5#F1FDE9#E7FEFF
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Castle in the Sky Tetradic Color Scheme#D1EAED#E9D2EF#ECD4D2#DAEED3#ECF7F7
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Omen Tetradic Color Scheme#D6EAE8#DDD6E7#ECD5D9#E3EAD6#ECF7F7
Questions
What colors go with Northwind?
In a tetradic scheme: Footie Pyjamas (#E6CEE6), Birthday Cake (#E9D2CC), Minty Frosting (#DBE8CF), Aijiro White (#ECF7F7).
What is the hex code of Northwind?
#CEE5E9.