New Heights Triadic Color Scheme
Five colors arranged by the triadic rule around New Heights (#D0E5F2), each snapped to its nearest named color.
#D0E5F2
#F5CEE6
#E9F1D0
#ECF3F9
#E399CA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| New Heights | #D0E5F2 | 208, 229, 242 | 203°, 57%, 88% | 14, 5, 0, 5 | |
| Sparkling Pink | #F5CEE6 | 245, 206, 230 | 323°, 66%, 88% | 0, 16, 6, 4 | |
| Yellowish White | #E9F1D0 | 233, 241, 208 | 75°, 54%, 88% | 3, 0, 14, 5 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 | |
| Crepe Myrtle | #E399CA | 227, 153, 202 | 320°, 57%, 75% | 0, 33, 11, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF3F9 on #E399CA | 1.94:1 | — |
| Aa #E9F1D0 on #E399CA | 1.86:1 | — |
| Aa #D0E5F2 on #E399CA | 1.67:1 | — |
| Aa #F5CEE6 on #E399CA | 1.54:1 | — |
| Aa #F5CEE6 on #ECF3F9 | 1.26:1 | — |
| Aa #F5CEE6 on #E9F1D0 | 1.21:1 | — |
CSS variables
:root {
--color-1: #d0e5f2; /* New Heights */
--color-2: #f5cee6; /* Sparkling Pink */
--color-3: #e9f1d0; /* Yellowish White */
--color-4: #ecf3f9; /* Insignia White */
--color-5: #e399ca; /* Crepe Myrtle */
}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 Split-complementary Color Scheme#D0E5F2#EFD0D2#F4EED1#9BC4E2#F8EAED
- New Heights Tetradic Color Scheme#D0E5F2#E9D2EF#F3DECE#D6F0CD#ECF3F9
- New Heights Monochromatic Color Scheme#57A1CE#9BC4E2#D0E5F2#ECF3F9#ECF3F9
More Very Light Blue triadic palettes
- A Dime a Dozen Triadic Color Scheme#D3DDE4#E5D2DD#DBE5D2#EEF2F3#C8A3B8
- Andromeda Blue Triadic Color Scheme#ABCDEE#EEAACC#D5EBAC#EAF4FC#E86EAD
- Après-Ski Triadic Color Scheme#CED5E4#E2CDD5#D5E3D0#EDF2F8#C59DAA
- Ariel Triadic Color Scheme#AED7EA#E6AED3#D5EBAC#EBF4FC#DD66BB
- Baby Blue Triadic Color Scheme#A2CFFE#FFA6C9#C1F9A2#E8F5FC#FF55AA
- Bird Bath Blue Triadic Color Scheme#CDDFE7#E6CCDD#DFE6CF#F0F4F8#CC99BB
- Blue Silk Triadic Color Scheme#D0DCE8#E7D1DD#DBE8CF#EDF2F8#CE9FB4
- Breaking the Ice Triadic Color Scheme#B8E4F5#F1BFE2#E3EFB2#E8F7FD#E56CC0
- Breath of Fresh Air Triadic Color Scheme#C7DBE4#E5C8D9#DBE2C9#F0F4F8#CC94BE
- Breeze Triadic Color Scheme#AEC9EA#E9ADCA#CEEBB2#ECF3F9#DE70A1
- Breezy Triadic Color Scheme#C2DDE6#E7C2DE#DEE3C0#EBF6F7#D492BD
- Bright Star Triadic Color Scheme#DDE2E6#E7DBE1#E1E9DB#EEF2F3#CAA7BB
Questions
What colors go with New Heights?
In a triadic scheme: Sparkling Pink (#F5CEE6), Yellowish White (#E9F1D0), Insignia White (#ECF3F9), Crepe Myrtle (#E399CA).
What is the hex code of New Heights?
#D0E5F2.