Salt Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Salt (#EFEDE6), each snapped to its nearest named color.
#EFEDE6
#E5EDF1
#E9E4EF
#D2CDB6
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Salt | #EFEDE6 | 239, 237, 230 | 47°, 22%, 92% | 0, 1, 4, 6 | 94.6% 0.010 94 | |
| Morning Mist | #E5EDF1 | 229, 237, 241 | 200°, 30%, 92% | 5, 2, 0, 5 | 94.1% 0.010 229 | |
| Modest Violet | #E9E4EF | 233, 228, 239 | 267°, 26%, 92% | 3, 5, 0, 6 | 92.6% 0.016 306 | |
| Montezuma | #D2CDB6 | 210, 205, 182 | 49°, 24%, 77% | 0, 2, 13, 18 | 84.6% 0.032 97 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 | 96.3% 0.002 197 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D2CDB6 on #F1F3F3 | 1.43:1 | — |
| Aa #EFEDE6 on #D2CDB6 | 1.36:1 | — |
| Aa #E5EDF1 on #D2CDB6 | 1.35:1 | — |
| Aa #E9E4EF on #D2CDB6 | 1.28:1 | — |
| Aa #E9E4EF on #F1F3F3 | 1.12:1 | — |
| Aa #EFEDE6 on #E9E4EF | 1.07:1 | — |
CSS variables
:root {
--color-1: #efede6; /* Salt */
--color-2: #e5edf1; /* Morning Mist */
--color-3: #e9e4ef; /* Modest Violet */
--color-4: #d2cdb6; /* Montezuma */
--color-5: #f1f3f3; /* Zappy Zebra */
}Other schemes from Salt
- Salt Complementary Color Scheme#EFEDE6#F6F4EF#E5E8F2#B6BDD3#EEF2F3
- Salt Analogous Color Scheme#EFE4E9#EFE9E6#EFEDE6#ECF0E5#E7F1E6
- Salt Triadic Color Scheme#EFEDE6#E5F1ED#ECE7F2#F6F4EF#B4D6CB
- Salt Tetradic Color Scheme#EFEDE6#E4F0E8#E5E8F2#EDE6ED#F6F4EF
- Salt Monochromatic Color Scheme#B6AA89#D0CBB6#EFEDE6#F6F4EF#F6F4EF
More very light yellow split-complementary color schemes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Salt?
In a split-complementary scheme: Morning Mist (#E5EDF1), Modest Violet (#E9E4EF), Montezuma (#D2CDB6), Zappy Zebra (#F1F3F3).
What is the hex code of Salt?
#EFEDE6.