Coconut Agony Complementary Color Scheme
Five colors arranged by the complementary rule around Coconut Agony (#EBE8E7), each snapped to its nearest named color.
#EBE8E7
#F5F0F1
#E3ECED
#B5C9D2
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coconut Agony | #EBE8E7 | 235, 232, 231 | 15°, 9%, 91% | 0, 1, 2, 8 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 | |
| Aquafir | #E3ECED | 227, 236, 237 | 186°, 22%, 91% | 4, 0, 0, 7 | |
| English Hollyhock | #B5C9D2 | 181, 201, 210 | 199°, 24%, 77% | 14, 4, 0, 18 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B5C9D2 on #F1F3F3 | 1.54:1 | — |
| Aa #F5F0F1 on #B5C9D2 | 1.52:1 | — |
| Aa #E3ECED on #B5C9D2 | 1.43:1 | — |
| Aa #EBE8E7 on #B5C9D2 | 1.41:1 | — |
| Aa #EBE8E7 on #F1F3F3 | 1.09:1 | — |
| Aa #EBE8E7 on #F5F0F1 | 1.08:1 | — |
CSS variables
:root {
--color-1: #ebe8e7; /* Coconut Agony */
--color-2: #f5f0f1; /* Plastic Clouds */
--color-3: #e3eced; /* Aquafir */
--color-4: #b5c9d2; /* English Hollyhock */
--color-5: #f1f3f3; /* Zappy Zebra */
}Other schemes from Coconut Agony
- Coconut Agony Analogous Color Scheme#EDE6ED#F0E5E5#EBE8E7#EEEBE4#EDEDE4
- Coconut Agony Triadic Color Scheme#EBE8E7#E4EFE5#E5E3EF#F5F0F1#B5D1BE
- Coconut Agony Split-complementary Color Scheme#EBE8E7#E4EEEB#E2E6EF#D2BBB2#F0F4F2
- Coconut Agony Tetradic Color Scheme#EBE8E7#E4EFE5#E3ECED#EDE2EE#F5F0F1
- Coconut Agony Monochromatic Color Scheme#A79994#C7C0BC#EBE8E7#F3F3F2#F3F3F2
More Very Light Gray complementary palettes
- Alaska Complementary Color Scheme#DADAD1#F6F4EF#CECAE1#9D9AC4#EBF1F5
- Apollo Landing Complementary Color Scheme#E5E5E1#F6F4EF#DADEE9#A8ACD0#EBF1F5
- Big Fish to Fry Complementary Color Scheme#DADBE1#EEF2F3#E7E3D6#C7C4A5#F6F4EF
- Blowing Smoke Complementary Color Scheme#D2D1D0#F6F2F1#C6D2DE#96AEC5#EEF2F3
- Chrome Complementary Color Scheme#E1DFE1#F6F1F4#D6E9D7#A9CEAA#EFF5F1
- Closet Skeletons Complementary Color Scheme#E1DED9#F6F4EF#D3DBE7#A6B3C9#EEF2F3
- Columbo’s Coat Complementary Color Scheme#D0CBCE#F5F0F1#C3D9CB#8EBAA6#EFF5F1
- Concrete Complementary Color Scheme#D2D1CD#F6F4EF#C2C7DB#979FBF#EEF2F3
- Day on Mercury Complementary Color Scheme#D5D2D1#F5F0F1#C8D9DD#9AB6C0#F1F3F3
- Desired Dawn Complementary Color Scheme#D8D7D9#F3F1F3#DAE2CD#B3C39C#F4F4F0
- Diamonds in the Sky Complementary Color Scheme#E5E2E1#F5F0F1#DAE7E9#AEC6CF#F1F3F3
- Disco Ball Complementary Color Scheme#D4D4D4#F4EFEE#CADFDD#9BC4C4#F0F4F2
Questions
What colors go with Coconut Agony?
In a complementary scheme: Plastic Clouds (#F5F0F1), Aquafir (#E3ECED), English Hollyhock (#B5C9D2), Zappy Zebra (#F1F3F3).
What is the hex code of Coconut Agony?
#EBE8E7.