Coconut Agony Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Coconut Agony (#EBE8E7), each snapped to its nearest named color.
#EBE8E7
#E4EEEB
#E2E6EF
#D2BBB2
#F0F4F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coconut Agony | #EBE8E7 | 235, 232, 231 | 15°, 9%, 91% | 0, 1, 2, 8 | |
| White Sapphire | #E4EEEB | 228, 238, 235 | 162°, 23%, 91% | 4, 0, 1, 7 | |
| Ghostly Tuna | #E2E6EF | 226, 230, 239 | 222°, 29%, 91% | 5, 4, 0, 6 | |
| Forever Fairytale | #D2BBB2 | 210, 187, 178 | 17°, 26%, 76% | 0, 11, 15, 18 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D2BBB2 on #F0F4F2 | 1.65:1 | — |
| Aa #E4EEEB on #D2BBB2 | 1.54:1 | — |
| Aa #EBE8E7 on #D2BBB2 | 1.50:1 | — |
| Aa #E2E6EF on #D2BBB2 | 1.46:1 | — |
| Aa #E2E6EF on #F0F4F2 | 1.13:1 | — |
| Aa #EBE8E7 on #F0F4F2 | 1.10:1 | — |
CSS variables
:root {
--color-1: #ebe8e7; /* Coconut Agony */
--color-2: #e4eeeb; /* White Sapphire */
--color-3: #e2e6ef; /* Ghostly Tuna */
--color-4: #d2bbb2; /* Forever Fairytale */
--color-5: #f0f4f2; /* Bakery Box */
}Other schemes from Coconut Agony
- Coconut Agony Complementary Color Scheme#EBE8E7#F5F0F1#E3ECED#B5C9D2#F1F3F3
- Coconut Agony Analogous Color Scheme#EDE6ED#F0E5E5#EBE8E7#EEEBE4#EDEDE4
- Coconut Agony Triadic Color Scheme#EBE8E7#E4EFE5#E5E3EF#F5F0F1#B5D1BE
- Coconut Agony Tetradic Color Scheme#EBE8E7#E4EFE5#E3ECED#EDE2EE#F5F0F1
- Coconut Agony Monochromatic Color Scheme#A79994#C7C0BC#EBE8E7#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
- 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
- Disco Ball Split-complementary Color Scheme#D4D4D4#C7DDD6#CBD4DF#C69896#EFF5F1
Questions
What colors go with Coconut Agony?
In a split-complementary scheme: White Sapphire (#E4EEEB), Ghostly Tuna (#E2E6EF), Forever Fairytale (#D2BBB2), Bakery Box (#F0F4F2).
What is the hex code of Coconut Agony?
#EBE8E7.