Whale Bone Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Whale Bone (#E5E7E4), each snapped to its nearest named color.
#969C92
#BEC3BB
#E5E7E4
#F3F3F2
#F3F3F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Acacia Haze | #969C92 | 150, 156, 146 | 96°, 5%, 59% | 4, 0, 6, 39 | |
| Comfort Grey | #BEC3BB | 190, 195, 187 | 97°, 6%, 75% | 3, 0, 4, 24 | |
| Whale Bone | #E5E7E4 | 229, 231, 228 | 100°, 6%, 90% | 1, 0, 1, 9 | |
| Bleached Silk | #F3F3F2 | 243, 243, 242 | 60°, 4%, 95% | 0, 0, 0, 5 | |
| Bleached Silk | #F3F3F2 | 243, 243, 242 | 60°, 4%, 95% | 0, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #969C92 on #F3F3F2 | 2.53:1 | — |
| Aa #969C92 on #F3F3F2 | 2.53:1 | — |
| Aa #969C92 on #E5E7E4 | 2.26:1 | — |
| Aa #BEC3BB on #F3F3F2 | 1.61:1 | — |
| Aa #BEC3BB on #F3F3F2 | 1.61:1 | — |
| Aa #969C92 on #BEC3BB | 1.57:1 | — |
CSS variables
:root {
--color-1: #969c92; /* Acacia Haze */
--color-2: #bec3bb; /* Comfort Grey */
--color-3: #e5e7e4; /* Whale Bone */
--color-4: #f3f3f2; /* Bleached Silk */
--color-5: #f3f3f2; /* Bleached Silk */
}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 Split-complementary Color Scheme#E5E7E4#E3DFEC#EBDFEA#BDD0B1#F3F1F3
- Whale Bone Tetradic Color Scheme#E5E7E4#DDEBED#E8DFED#EBE2DE#EFF5F1
More Very Light Gray monochromatic palettes
- Alaska Monochromatic Color Scheme#95987E#B7B8A5#DADAD1#F4F4F0#F4F4F0
- Apollo Landing Monochromatic Color Scheme#9F9D91#C0C1B9#E5E5E1#F3F3F2#F3F3F2
- Big Fish to Fry Monochromatic Color Scheme#848999#B1B3BE#DADBE1#F2F2F4#F2F2F4
- Blowing Smoke Monochromatic Color Scheme#868381#ABACA8#D2D1D0#F3F3F2#F3F3F2
- Chrome Monochromatic Color Scheme#988F97#BDB8BB#E1DFE1#F3F1F3#F3F1F3
- Closet Skeletons Monochromatic Color Scheme#9F9484#BFB8AD#E1DED9#F3F3F2#F3F3F2
- Coconut Agony Monochromatic Color Scheme#A79994#C7C0BC#EBE8E7#F3F3F2#F3F3F2
- Columbo’s Coat Monochromatic Color Scheme#867C83#ADA5A5#D0CBCE#F3F3F2#F3F3F2
- Concrete Monochromatic Color Scheme#8A877B#AEABA5#D2D1CD#F3F3F2#F3F3F2
- Day on Mercury Monochromatic Color Scheme#8B8680#B2ACA9#D5D2D1#F3F3F2#F3F3F2
- Desired Dawn Monochromatic Color Scheme#8A8B8F#AFB1B4#D8D7D9#F2F2F4#F2F2F4
- Diamonds in the Sky Monochromatic Color Scheme#9E938F#C4BAB7#E5E2E1#F3F3F2#F3F3F2
Questions
What colors go with Whale Bone?
In a monochromatic scheme: Acacia Haze (#969C92), Comfort Grey (#BEC3BB), Bleached Silk (#F3F3F2), Bleached Silk (#F3F3F2).
What is the hex code of Whale Bone?
#E5E7E4.