Salt Mountain Complementary Color Scheme
Five colors arranged by the complementary rule around Salt Mountain (#D7FEFE), each snapped to its nearest named color.
#D7FEFE
#E7FEFF
#FDD7D8
#FF8B87
#FDE6E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Salt Mountain | #D7FEFE | 215, 254, 254 | 180°, 95%, 92% | 15, 0, 0, 0 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | |
| We Peep | #FDD7D8 | 253, 215, 216 | 358°, 90%, 92% | 0, 15, 15, 1 | |
| Coral Trails | #FF8B87 | 255, 139, 135 | 2°, 100%, 76% | 0, 45, 47, 0 | |
| Valerie | #FDE6E7 | 253, 230, 231 | 357°, 85%, 95% | 0, 9, 9, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FEFF on #FF8B87 | 2.15:1 | — |
| Aa #D7FEFE on #FF8B87 | 2.10:1 | — |
| Aa #FF8B87 on #FDE6E7 | 1.90:1 | — |
| Aa #FDD7D8 on #FF8B87 | 1.71:1 | — |
| Aa #E7FEFF on #FDD7D8 | 1.26:1 | — |
| Aa #D7FEFE on #FDD7D8 | 1.23:1 | — |
CSS variables
:root {
--color-1: #d7fefe; /* Salt Mountain */
--color-2: #e7feff; /* Bubbles */
--color-3: #fdd7d8; /* We Peep */
--color-4: #ff8b87; /* Coral Trails */
--color-5: #fde6e7; /* Valerie */
}Other schemes from Salt Mountain
- Salt Mountain Analogous Color Scheme#DDFFDD#DDFFEE#D7FEFE#D6EAFC#CFDAFB
- Salt Mountain Triadic Color Scheme#D7FEFE#FFDDFF#FFFED7#E7FEFF#FF88FF
- Salt Mountain Split-complementary Color Scheme#D7FEFE#FED5E9#FDEBD8#88FFFF#FFE6F1
- Salt Mountain Tetradic Color Scheme#D7FEFE#EEDDFF#FDD7D8#E9FFDB#E7FEFF
- Salt Mountain Monochromatic Color Scheme#41FDFE#88FFFF#D7FEFE#E7FEFF#E7FEFF
More Very Light Teal complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
Questions
What colors go with Salt Mountain?
In a complementary scheme: Bubbles (#E7FEFF), We Peep (#FDD7D8), Coral Trails (#FF8B87), Valerie (#FDE6E7).
What is the hex code of Salt Mountain?
#D7FEFE.