Polar Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Polar (#E5F2E7), each snapped to its nearest named color.
#7CBD85
#B1D4B7
#E5F2E7
#EFF5F1
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Flashman | #7CBD85 | 124, 189, 133 | 128°, 33%, 61% | 34, 0, 30, 26 | 74.0% 0.104 148 | |
| Enchanted Meadow | #B1D4B7 | 177, 212, 183 | 130°, 29%, 76% | 17, 0, 14, 17 | 83.6% 0.055 150 | |
| Polar | #E5F2E7 | 229, 242, 231 | 129°, 33%, 92% | 5, 0, 5, 5 | 94.8% 0.020 150 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7CBD85 on #EFF5F1 | 2.01:1 | — |
| Aa #7CBD85 on #EFF5F1 | 2.01:1 | — |
| Aa #7CBD85 on #E5F2E7 | 1.92:1 | — |
| Aa #B1D4B7 on #EFF5F1 | 1.46:1 | — |
| Aa #B1D4B7 on #EFF5F1 | 1.46:1 | — |
| Aa #B1D4B7 on #E5F2E7 | 1.40:1 | — |
CSS variables
:root {
--color-1: #7cbd85; /* Flashman */
--color-2: #b1d4b7; /* Enchanted Meadow */
--color-3: #e5f2e7; /* Polar */
--color-4: #eff5f1; /* Heavy Sugar */
--color-5: #eff5f1; /* Heavy Sugar */
}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 Split-complementary Color Scheme#E5F2E7#ECE7F2#F5E6EA#B1D4B7#F8EEF4
- Polar Tetradic Color Scheme#E5F2E7#E5E8F2#EFE2F2#F1EEE4#EFF5F1
More very light green monochromatic color schemes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Polar?
In a monochromatic scheme: Flashman (#7CBD85), Enchanted Meadow (#B1D4B7), Heavy Sugar (#EFF5F1), Heavy Sugar (#EFF5F1).
What is the hex code of Polar?
#E5F2E7.