Polar Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Polar (#E5F2E7), each snapped to its nearest named color.
#E5F2E7
#ECE7F2
#F5E6EA
#B1D4B7
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Polar | #E5F2E7 | 229, 242, 231 | 129°, 33%, 92% | 5, 0, 5, 5 | |
| Tranquil Eve | #ECE7F2 | 236, 231, 242 | 267°, 30%, 93% | 2, 5, 0, 5 | |
| Amour Frais | #F5E6EA | 245, 230, 234 | 344°, 43%, 93% | 0, 6, 4, 4 | |
| Enchanted Meadow | #B1D4B7 | 177, 212, 183 | 130°, 29%, 76% | 17, 0, 14, 17 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B1D4B7 on #F8EEF4 | 1.43:1 | — |
| Aa #E5F2E7 on #B1D4B7 | 1.40:1 | — |
| Aa #F5E6EA on #B1D4B7 | 1.34:1 | — |
| Aa #ECE7F2 on #B1D4B7 | 1.33:1 | — |
| Aa #ECE7F2 on #F8EEF4 | 1.07:1 | — |
| Aa #F5E6EA on #F8EEF4 | 1.07:1 | — |
CSS variables
:root {
--color-1: #e5f2e7; /* Polar */
--color-2: #ece7f2; /* Tranquil Eve */
--color-3: #f5e6ea; /* Amour Frais */
--color-4: #b1d4b7; /* Enchanted Meadow */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Polar
- Polar Complementary Color Scheme#E5F2E7#EFF5F1#EFE2F2#DBB0D3#F8EEF4
- Polar Analogous Color Scheme#F1F2E4#EAF1E6#E5F2E7#E5F1EE#E6F1F1
- Polar Triadic Color Scheme#E5F2E7#E6E6F1#F4E7E5#EFF5F1#B6AED6
- Polar Tetradic Color Scheme#E5F2E7#E5E8F2#EFE2F2#F1EEE4#EFF5F1
- Polar Monochromatic Color Scheme#7CBD85#B1D4B7#E5F2E7#EFF5F1#EFF5F1
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Polar?
In a split-complementary scheme: Tranquil Eve (#ECE7F2), Amour Frais (#F5E6EA), Enchanted Meadow (#B1D4B7), Sentimental Pink (#F8EEF4).
What is the hex code of Polar?
#E5F2E7.