Seafoam Slate Complementary Color Scheme
Five colors arranged by the complementary rule around Seafoam Slate (#A6BCBE), each snapped to its nearest named color.
#A6BCBE
#D9E6E8
#C9A59F
#A77572
#EAE1DD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Seafoam Slate | #A6BCBE | 166, 188, 190 | 185°, 16%, 70% | 13, 1, 0, 25 | |
| Smoke and Mirrors | #D9E6E8 | 217, 230, 232 | 188°, 25%, 88% | 6, 1, 0, 9 | |
| Rose Potpourri | #C9A59F | 201, 165, 159 | 9°, 28%, 71% | 0, 18, 21, 21 | |
| Dusky Haze | #A77572 | 167, 117, 114 | 3°, 23%, 55% | 0, 30, 32, 35 | |
| Sweet Roses | #EAE1DD | 234, 225, 221 | 18°, 24%, 89% | 0, 4, 6, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D9E6E8 on #A77572 | 3.03:1 | AA large |
| Aa #A77572 on #EAE1DD | 3.00:1 | AA large |
| Aa #A6BCBE on #A77572 | 1.94:1 | — |
| Aa #D9E6E8 on #C9A59F | 1.75:1 | — |
| Aa #C9A59F on #EAE1DD | 1.74:1 | — |
| Aa #C9A59F on #A77572 | 1.72:1 | — |
CSS variables
:root {
--color-1: #a6bcbe; /* Seafoam Slate */
--color-2: #d9e6e8; /* Smoke and Mirrors */
--color-3: #c9a59f; /* Rose Potpourri */
--color-4: #a77572; /* Dusky Haze */
--color-5: #eae1dd; /* Sweet Roses */
}Other schemes from Seafoam Slate
- Seafoam Slate Analogous Color Scheme#9FC5AA#9FC8B2#A6BCBE#9EAFC2#A09EC6
- Seafoam Slate Triadic Color Scheme#A6BCBE#CC9DC6#CAC69D#DCE9EA#A66DA1
- Seafoam Slate Split-complementary Color Scheme#A6BCBE#C69EAE#C3B69F#6BA5A9#E4CFD7
- Seafoam Slate Tetradic Color Scheme#A6BCBE#B99BC5#C9A59F#B3C39C#DCE9EA
- Seafoam Slate Monochromatic Color Scheme#587176#7D9C9D#A6BCBE#D2DCDE#F1F3F3
More Light Teal complementary palettes
- Aqua Fiesta Complementary Color Scheme#96E2E1#D7F5F6#E3969B#CD5C5C#F7E5E6
- Aquatic Complementary Color Scheme#99C1CC#D6E5EA#CDA59C#B57466#EEE1DC
- Aquatic Edge Complementary Color Scheme#BFD6D1#F0F4F2#D5BCC2#BD9095#F5F0F1
- Bambino Complementary Color Scheme#8EDACC#D3F2ED#D68F9F#C5556D#F4DBDC
- Bath Water Complementary Color Scheme#88EEEE#D7F5F6#EE8888#E34244#FBE3E3
- Beach Glass Complementary Color Scheme#96DFCE#DDF2EE#DD98A6#CF5A70#F9E4E9
- Bevelled Glass Complementary Color Scheme#7ACCB8#BCE6DE#CC7A8B#B14566#E9C4CC
- Blizzard Blue Complementary Color Scheme#A3E3ED#E7FAFA#EBADA5#E17861#F9ECEA
- Blue Eye Samurai Complementary Color Scheme#75AEBD#B5D1DB#BE8774#9B5B4F#DDC2BA
- Catch the Wave Complementary Color Scheme#B5DCD8#ECF7F7#DBB7BA#C88088#F7EFEF
- Cerulean Skies Complementary Color Scheme#8CC6CB#CCE5E8#CE8E8B#B05D59#ECD4D2
- Clear Water Complementary Color Scheme#AAD5DB#EBF6F7#D9B1AA#C27A74#F6EEED
Questions
What colors go with Seafoam Slate?
In a complementary scheme: Smoke and Mirrors (#D9E6E8), Rose Potpourri (#C9A59F), Dusky Haze (#A77572), Sweet Roses (#EAE1DD).
What is the hex code of Seafoam Slate?
#A6BCBE.