Polar Opposite Triadic Color Scheme
Five colors arranged by the triadic rule around Polar Opposite (#C2D6EC), each snapped to its nearest named color.
#C2D6EC
#EDC5D7
#DAECC5
#ECF3F9
#DB88AC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Polar Opposite | #C2D6EC | 194, 214, 236 | 211°, 53%, 84% | 18, 9, 0, 7 | |
| Tussie-Mussie | #EDC5D7 | 237, 197, 215 | 333°, 53%, 85% | 0, 17, 9, 7 | |
| Greenette | #DAECC5 | 218, 236, 197 | 88°, 51%, 85% | 8, 0, 17, 7 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 | |
| Springtime Bloom | #DB88AC | 219, 136, 172 | 334°, 54%, 70% | 0, 38, 21, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF3F9 on #DB88AC | 2.31:1 | — |
| Aa #DAECC5 on #DB88AC | 2.06:1 | — |
| Aa #C2D6EC on #DB88AC | 1.74:1 | — |
| Aa #EDC5D7 on #DB88AC | 1.67:1 | — |
| Aa #EDC5D7 on #ECF3F9 | 1.38:1 | — |
| Aa #C2D6EC on #ECF3F9 | 1.33:1 | — |
CSS variables
:root {
--color-1: #c2d6ec; /* Polar Opposite */
--color-2: #edc5d7; /* Tussie-Mussie */
--color-3: #daecc5; /* Greenette */
--color-4: #ecf3f9; /* Insignia White */
--color-5: #db88ac; /* Springtime Bloom */
}Other schemes from Polar Opposite
- Polar Opposite Complementary Color Scheme#C2D6EC#ECF3F9#EDD8C3#DBB486#F8F4ED
- Polar Opposite Analogous Color Scheme#C2ECD8#C3ECE9#C2D6EC#C4C0E9#D5C7E8
- Polar Opposite Split-complementary Color Scheme#C2D6EC#ECC1C2#E9EDC0#89ACDA#F9ECEA
- Polar Opposite Tetradic Color Scheme#C2D6EC#EEC3EE#EDD8C3#C1EFC6#ECF3F9
- Polar Opposite Monochromatic Color Scheme#4A87CB#89ACDA#C2D6EC#ECF3F9#ECF3F9
More Very Light Blue triadic palettes
- A Dime a Dozen Triadic Color Scheme#D3DDE4#E5D2DD#DBE5D2#EEF2F3#C8A3B8
- Andromeda Blue Triadic Color Scheme#ABCDEE#EEAACC#D5EBAC#EAF4FC#E86EAD
- Après-Ski Triadic Color Scheme#CED5E4#E2CDD5#D5E3D0#EDF2F8#C59DAA
- Ariel Triadic Color Scheme#AED7EA#E6AED3#D5EBAC#EBF4FC#DD66BB
- Baby Blue Triadic Color Scheme#A2CFFE#FFA6C9#C1F9A2#E8F5FC#FF55AA
- Bird Bath Blue Triadic Color Scheme#CDDFE7#E6CCDD#DFE6CF#F0F4F8#CC99BB
- Blue Silk Triadic Color Scheme#D0DCE8#E7D1DD#DBE8CF#EDF2F8#CE9FB4
- Breaking the Ice Triadic Color Scheme#B8E4F5#F1BFE2#E3EFB2#E8F7FD#E56CC0
- Breath of Fresh Air Triadic Color Scheme#C7DBE4#E5C8D9#DBE2C9#F0F4F8#CC94BE
- Breeze Triadic Color Scheme#AEC9EA#E9ADCA#CEEBB2#ECF3F9#DE70A1
- Breezy Triadic Color Scheme#C2DDE6#E7C2DE#DEE3C0#EBF6F7#D492BD
- Bright Star Triadic Color Scheme#DDE2E6#E7DBE1#E1E9DB#EEF2F3#CAA7BB
Questions
What colors go with Polar Opposite?
In a triadic scheme: Tussie-Mussie (#EDC5D7), Greenette (#DAECC5), Insignia White (#ECF3F9), Springtime Bloom (#DB88AC).
What is the hex code of Polar Opposite?
#C2D6EC.