Polar Opposite Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Polar Opposite (#C2D6EC), each snapped to its nearest named color.
#4A87CB
#89ACDA
#C2D6EC
#ECF3F9
#ECF3F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Sonki | #4A87CB | 74, 135, 203 | 212°, 55%, 54% | 64, 33, 0, 20 | |
| Birdie Num Num | #89ACDA | 137, 172, 218 | 214°, 52%, 70% | 37, 21, 0, 15 | |
| Polar Opposite | #C2D6EC | 194, 214, 236 | 211°, 53%, 84% | 18, 9, 0, 7 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4A87CB on #ECF3F9 | 3.34:1 | AA large |
| Aa #4A87CB on #ECF3F9 | 3.34:1 | AA large |
| Aa #4A87CB on #C2D6EC | 2.51:1 | — |
| Aa #89ACDA on #ECF3F9 | 2.09:1 | — |
| Aa #89ACDA on #ECF3F9 | 2.09:1 | — |
| Aa #4A87CB on #89ACDA | 1.60:1 | — |
CSS variables
:root {
--color-1: #4a87cb; /* Blue Sonki */
--color-2: #89acda; /* Birdie Num Num */
--color-3: #c2d6ec; /* Polar Opposite */
--color-4: #ecf3f9; /* Insignia White */
--color-5: #ecf3f9; /* Insignia White */
}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 Triadic Color Scheme#C2D6EC#EDC5D7#DAECC5#ECF3F9#DB88AC
- Polar Opposite Split-complementary Color Scheme#C2D6EC#ECC1C2#E9EDC0#89ACDA#F9ECEA
- Polar Opposite Tetradic Color Scheme#C2D6EC#EEC3EE#EDD8C3#C1EFC6#ECF3F9
More Very Light Blue monochromatic palettes
- A Dime a Dozen Monochromatic Color Scheme#7595AB#A5B8C5#D3DDE4#EEF2F3#EEF2F3
- Andromeda Blue Monochromatic Color Scheme#268BCC#72A7E1#ABCDEE#EAF4FC#EAF4FC
- Après-Ski Monochromatic Color Scheme#7381B3#9BA9CA#CED5E4#EDF2F8#EDF2F8
- Ariel Monochromatic Color Scheme#3799C8#74B8DA#AED7EA#EBF4FC#EBF4FC
- Baby Blue Monochromatic Color Scheme#0080FF#55AAFF#A2CFFE#E8F5FC#E8F5FC
- Bird Bath Blue Monochromatic Color Scheme#659FB5#99BDD2#CDDFE7#F0F4F8#F0F4F8
- Blue Silk Monochromatic Color Scheme#698EB3#9EB6D0#D0DCE8#EDF2F8#EDF2F8
- Breaking the Ice Monochromatic Color Scheme#2CB1EB#76C5E7#B8E4F5#E8F7FD#E8F7FD
- Breath of Fresh Air Monochromatic Color Scheme#6198AE#97BBC8#C7DBE4#F0F4F8#F0F4F8
- Breeze Monochromatic Color Scheme#3377CC#71A2D4#AEC9EA#ECF3F9#ECF3F9
- Breezy Monochromatic Color Scheme#55A0B7#8DBBD1#C2DDE6#EBF6F7#EBF6F7
- Bright Star Monochromatic Color Scheme#8599A8#B2BBC6#DDE2E6#F2F2F4#F2F2F4
Questions
What colors go with Polar Opposite?
In a monochromatic scheme: Blue Sonki (#4A87CB), Birdie Num Num (#89ACDA), Insignia White (#ECF3F9), Insignia White (#ECF3F9).
What is the hex code of Polar Opposite?
#C2D6EC.