Olympus White Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Olympus White (#D4D8D7), each snapped to its nearest named color.
#D4D8D7
#E0CDDA
#E3D1CC
#9BC2BD
#F6F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Olympus White | #D4D8D7 | 212, 216, 215 | 165°, 5%, 84% | 2, 0, 0, 15 | |
| Cassia Buds | #E0CDDA | 224, 205, 218 | 319°, 23%, 84% | 0, 8, 3, 12 | |
| China Silk | #E3D1CC | 227, 209, 204 | 13°, 29%, 85% | 0, 8, 10, 11 | |
| Pitter Patter | #9BC2BD | 155, 194, 189 | 172°, 24%, 68% | 20, 0, 3, 24 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9BC2BD on #F6F1F4 | 1.73:1 | — |
| Aa #E0CDDA on #F6F1F4 | 1.35:1 | — |
| Aa #D4D8D7 on #9BC2BD | 1.35:1 | — |
| Aa #E3D1CC on #F6F1F4 | 1.32:1 | — |
| Aa #E3D1CC on #9BC2BD | 1.31:1 | — |
| Aa #D4D8D7 on #F6F1F4 | 1.29:1 | — |
CSS variables
:root {
--color-1: #d4d8d7; /* Olympus White */
--color-2: #e0cdda; /* Cassia Buds */
--color-3: #e3d1cc; /* China Silk */
--color-4: #9bc2bd; /* Pitter Patter */
--color-5: #f6f1f4; /* Grim White */
}Other schemes from Olympus White
- Olympus White Complementary Color Scheme#D4D8D7#F0F4F2#E0CDD1#C49CA5#F5F0F1
- Olympus White Analogous Color Scheme#D2E3CC#C9E2CF#D4D8D7#CBDCE2#CBD1E1
- Olympus White Triadic Color Scheme#D4D8D7#DCCAE0#E1DACB#F0F4F2#B99BC5
- Olympus White Tetradic Color Scheme#D4D8D7#D1CAE1#E0CDD1#DCE0CD#F0F4F2
- Olympus White Monochromatic Color Scheme#848E8A#ACB6B2#D4D8D7#F1F3F3#F1F3F3
More Very Light Gray split-complementary palettes
- Alaska Split-complementary Color Scheme#DADAD1#C9D4E1#D8CBE0#C8C197#EEF2F3
- Apollo Landing Split-complementary Color Scheme#E5E5E1#DCE4E9#E5DBEB#CECDAD#EEF2F3
- Big Fish to Fry Split-complementary Color Scheme#DADBE1#E6DAD6#E1E5D7#A6A8C5#F5F0F1
- Blowing Smoke Split-complementary Color Scheme#D2D1D0#C6DEDF#C7C5DC#C0AD96#F0F4F2
- Chrome Split-complementary Color Scheme#E1DFE1#E0EAD8#D7E7E0#C9A8CE#F4F4F0
- Closet Skeletons Split-complementary Color Scheme#E1DED9#D6E3E7#D6D4E6#CABCA4#F0F4F2
- Coconut Agony Split-complementary Color Scheme#EBE8E7#E4EEEB#E2E6EF#D2BBB2#F0F4F2
- Columbo’s Coat Split-complementary Color Scheme#D0CBCE#C1D8C5#C1D8D9#BA90AD#EFF5F1
- Concrete Split-complementary Color Scheme#D2D1CD#C4D3DC#CBC5D9#BEB394#F1F3F3
- Day on Mercury Split-complementary Color Scheme#D5D2D1#C8DDDA#CACFDC#C1A097#F0F4F2
- Desired Dawn Split-complementary Color Scheme#D8D7D9#E1E2CF#D2E3CC#AF9FCA#F6F4EF
- Diamonds in the Sky Split-complementary Color Scheme#E5E2E1#DCECE7#DCE0EA#CDB3AC#F0F4F2
Questions
What colors go with Olympus White?
In a split-complementary scheme: Cassia Buds (#E0CDDA), China Silk (#E3D1CC), Pitter Patter (#9BC2BD), Grim White (#F6F1F4).
What is the hex code of Olympus White?
#D4D8D7.