New Heights Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around New Heights (#D0E5F2), each snapped to its nearest named color.
#D0E5F2
#EFD0D2
#F4EED1
#9BC4E2
#F8EAED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| New Heights | #D0E5F2 | 208, 229, 242 | 203°, 57%, 88% | 14, 5, 0, 5 | |
| Nursery | #EFD0D2 | 239, 208, 210 | 356°, 49%, 88% | 0, 13, 12, 6 | |
| Palest of Lemon | #F4EED1 | 244, 238, 209 | 50°, 61%, 89% | 0, 2, 14, 4 | |
| Pale Cerulean | #9BC4E2 | 155, 196, 226 | 205°, 55%, 75% | 31, 13, 0, 11 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F4EED1 on #9BC4E2 | 1.58:1 | — |
| Aa #9BC4E2 on #F8EAED | 1.58:1 | — |
| Aa #D0E5F2 on #9BC4E2 | 1.42:1 | — |
| Aa #EFD0D2 on #9BC4E2 | 1.28:1 | — |
| Aa #EFD0D2 on #F4EED1 | 1.23:1 | — |
| Aa #EFD0D2 on #F8EAED | 1.23:1 | — |
CSS variables
:root {
--color-1: #d0e5f2; /* New Heights */
--color-2: #efd0d2; /* Nursery */
--color-3: #f4eed1; /* Palest of Lemon */
--color-4: #9bc4e2; /* Pale Cerulean */
--color-5: #f8eaed; /* Morning Shine */
}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 Tetradic Color Scheme#D0E5F2#E9D2EF#F3DECE#D6F0CD#ECF3F9
- New Heights Monochromatic Color Scheme#57A1CE#9BC4E2#D0E5F2#ECF3F9#ECF3F9
More Very Light Blue split-complementary palettes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with New Heights?
In a split-complementary scheme: Nursery (#EFD0D2), Palest of Lemon (#F4EED1), Pale Cerulean (#9BC4E2), Morning Shine (#F8EAED).
What is the hex code of New Heights?
#D0E5F2.