Whale Bone Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Whale Bone (#E5E7E4), each snapped to its nearest named color.
#E5E7E4
#E3DFEC
#EBDFEA
#BDD0B1
#F3F1F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Whale Bone | #E5E7E4 | 229, 231, 228 | 100°, 6%, 90% | 1, 0, 1, 9 | |
| Velvet Scarf | #E3DFEC | 227, 223, 236 | 258°, 25%, 90% | 4, 6, 0, 7 | |
| Angora Pink | #EBDFEA | 235, 223, 234 | 305°, 23%, 90% | 0, 5, 0, 8 | |
| Apple Ice | #BDD0B1 | 189, 208, 177 | 97°, 25%, 75% | 9, 0, 15, 18 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BDD0B1 on #F3F1F3 | 1.46:1 | — |
| Aa #E5E7E4 on #BDD0B1 | 1.32:1 | — |
| Aa #EBDFEA on #BDD0B1 | 1.27:1 | — |
| Aa #E3DFEC on #BDD0B1 | 1.25:1 | — |
| Aa #E3DFEC on #F3F1F3 | 1.17:1 | — |
| Aa #EBDFEA on #F3F1F3 | 1.15:1 | — |
CSS variables
:root {
--color-1: #e5e7e4; /* Whale Bone */
--color-2: #e3dfec; /* Velvet Scarf */
--color-3: #ebdfea; /* Angora Pink */
--color-4: #bdd0b1; /* Apple Ice */
--color-5: #f3f1f3; /* Aragonite White */
}Other schemes from Whale Bone
- Whale Bone Complementary Color Scheme#E5E7E4#EFF5F1#E8DFED#C5AECF#F3F1F3
- Whale Bone Analogous Color Scheme#EDE9DF#ECECDF#E5E7E4#DEECE1#DFECE9
- Whale Bone Triadic Color Scheme#E5E7E4#DEE2EC#EADEE4#EFF5F1#AEBBD0
- Whale Bone Tetradic Color Scheme#E5E7E4#DDEBED#E8DFED#EBE2DE#EFF5F1
- Whale Bone Monochromatic Color Scheme#969C92#BEC3BB#E5E7E4#F3F3F2#F3F3F2
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 Whale Bone?
In a split-complementary scheme: Velvet Scarf (#E3DFEC), Angora Pink (#EBDFEA), Apple Ice (#BDD0B1), Aragonite White (#F3F1F3).
What is the hex code of Whale Bone?
#E5E7E4.