New Heights Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around New Heights (#D0E5F2), each snapped to its nearest named color.
#57A1CE
#9BC4E2
#D0E5F2
#ECF3F9
#ECF3F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sub-Zero | #57A1CE | 87, 161, 206 | 203°, 55%, 57% | 58, 22, 0, 19 | |
| Pale Cerulean | #9BC4E2 | 155, 196, 226 | 205°, 55%, 75% | 31, 13, 0, 11 | |
| New Heights | #D0E5F2 | 208, 229, 242 | 203°, 57%, 88% | 14, 5, 0, 5 | |
| 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 #57A1CE on #ECF3F9 | 2.54:1 | — |
| Aa #57A1CE on #ECF3F9 | 2.54:1 | — |
| Aa #57A1CE on #D0E5F2 | 2.19:1 | — |
| Aa #9BC4E2 on #ECF3F9 | 1.65:1 | — |
| Aa #9BC4E2 on #ECF3F9 | 1.65:1 | — |
| Aa #57A1CE on #9BC4E2 | 1.54:1 | — |
CSS variables
:root {
--color-1: #57a1ce; /* Sub-Zero */
--color-2: #9bc4e2; /* Pale Cerulean */
--color-3: #d0e5f2; /* New Heights */
--color-4: #ecf3f9; /* Insignia White */
--color-5: #ecf3f9; /* Insignia White */
}Other schemes from New Heights
- New Heights Complementary Color Scheme#D0E5F2#ECF3F9#F3DECE#E0B392#F8F1EB
- New Heights Analogous Color Scheme#D1F1DE#D3F2ED#D0E5F2#D2D8F4#DDD6F3
- New Heights Triadic Color Scheme#D0E5F2#F5CEE6#E9F1D0#ECF3F9#E399CA
- New Heights Split-complementary Color Scheme#D0E5F2#EFD0D2#F4EED1#9BC4E2#F8EAED
- New Heights Tetradic Color Scheme#D0E5F2#E9D2EF#F3DECE#D6F0CD#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 New Heights?
In a monochromatic scheme: Sub-Zero (#57A1CE), Pale Cerulean (#9BC4E2), Insignia White (#ECF3F9), Insignia White (#ECF3F9).
What is the hex code of New Heights?
#D0E5F2.