High Sierra Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around High Sierra (#CEDEE2), each snapped to its nearest named color.
#CEDEE2
#E1CED4
#E3DDCE
#9DBCC7
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| High Sierra | #CEDEE2 | 206, 222, 226 | 192°, 26%, 85% | 9, 2, 0, 11 | |
| Light Pelican Bill | #E1CED4 | 225, 206, 212 | 341°, 24%, 85% | 0, 8, 6, 12 | |
| Quail Egg | #E3DDCE | 227, 221, 206 | 43°, 27%, 85% | 0, 3, 9, 11 | |
| Evocative Blue | #9DBCC7 | 157, 188, 199 | 196°, 27%, 70% | 21, 6, 0, 22 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9DBCC7 on #F5F0F1 | 1.78:1 | — |
| Aa #E3DDCE on #9DBCC7 | 1.48:1 | — |
| Aa #CEDEE2 on #9DBCC7 | 1.45:1 | — |
| Aa #E1CED4 on #9DBCC7 | 1.34:1 | — |
| Aa #E1CED4 on #F5F0F1 | 1.33:1 | — |
| Aa #CEDEE2 on #F5F0F1 | 1.23:1 | — |
CSS variables
:root {
--color-1: #cedee2; /* High Sierra */
--color-2: #e1ced4; /* Light Pelican Bill */
--color-3: #e3ddce; /* Quail Egg */
--color-4: #9dbcc7; /* Evocative Blue */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from High Sierra
- High Sierra Complementary Color Scheme#CEDEE2#F0F4F8#E3D2CE#C4A89E#F7EFEF
- High Sierra Analogous Color Scheme#D3E1D3#CEE3DC#CEDEE2#CED5E3#D5CDE3
- High Sierra Triadic Color Scheme#CEDEE2#E1CCDF#DCE2CE#F0F4F8#C89EB7
- High Sierra Tetradic Color Scheme#CEDEE2#DECCE4#E3D2CE#D5E3D0#F0F4F8
- High Sierra Monochromatic Color Scheme#6C9DA9#9DBCC7#CEDEE2#F0F4F8#F0F4F8
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with High Sierra?
In a split-complementary scheme: Light Pelican Bill (#E1CED4), Quail Egg (#E3DDCE), Evocative Blue (#9DBCC7), Plastic Clouds (#F5F0F1).
What is the hex code of High Sierra?
#CEDEE2.