Seafoam Slate Tetradic Color Scheme
Five colors arranged by the tetradic rule around Seafoam Slate (#A6BCBE), each snapped to its nearest named color.
#A6BCBE
#B99BC5
#C9A59F
#B3C39C
#DCE9EA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Seafoam Slate | #A6BCBE | 166, 188, 190 | 185°, 16%, 70% | 13, 1, 0, 25 | |
| Crocus Petal | #B99BC5 | 185, 155, 197 | 283°, 27%, 69% | 6, 21, 0, 23 | |
| Rose Potpourri | #C9A59F | 201, 165, 159 | 9°, 28%, 71% | 0, 18, 21, 21 | |
| Green Eggs & Cam | #B3C39C | 179, 195, 156 | 85°, 25%, 69% | 8, 0, 20, 24 | |
| Wave Crest | #DCE9EA | 220, 233, 234 | 184°, 25%, 89% | 6, 0, 0, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B99BC5 on #DCE9EA | 1.97:1 | — |
| Aa #C9A59F on #DCE9EA | 1.80:1 | — |
| Aa #A6BCBE on #DCE9EA | 1.60:1 | — |
| Aa #B3C39C on #DCE9EA | 1.51:1 | — |
| Aa #B99BC5 on #B3C39C | 1.31:1 | — |
| Aa #A6BCBE on #B99BC5 | 1.23:1 | — |
CSS variables
:root {
--color-1: #a6bcbe; /* Seafoam Slate */
--color-2: #b99bc5; /* Crocus Petal */
--color-3: #c9a59f; /* Rose Potpourri */
--color-4: #b3c39c; /* Green Eggs & Cam */
--color-5: #dce9ea; /* Wave Crest */
}Other schemes from Seafoam Slate
- Seafoam Slate Complementary Color Scheme#A6BCBE#D9E6E8#C9A59F#A77572#EAE1DD
- 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 Monochromatic Color Scheme#587176#7D9C9D#A6BCBE#D2DCDE#F1F3F3
More Light Teal tetradic palettes
- Aqua Fiesta Tetradic Color Scheme#96E2E1#BF94E4#E3969B#B2E191#E7FAFA
- Aquatic Tetradic Color Scheme#99C1CC#BD97CF#CDA59C#ABCA99#DDEBED
- Aquatic Edge Tetradic Color Scheme#BFD6D1#C4BBD6#D5BCC2#D0D8BE#F0F4F2
- Bambino Tetradic Color Scheme#8EDACC#AA8ED6#D68F9F#C3DB8D#DDF2EE
- Bath Water Tetradic Color Scheme#88EEEE#BF8FE5#EE8888#BBEE88#E0FEFE
- Beach Glass Tetradic Color Scheme#96DFCE#B19CD9#DD98A6#CCDE95#E2F7F1
- Bevelled Glass Tetradic Color Scheme#7ACCB8#8E72C7#CC7A8B#BACB7C#C1E6DF
- Blizzard Blue Tetradic Color Scheme#A3E3ED#DDAAEE#EBADA5#BEE7A5#E7FAFA
- Blue Eye Samurai Tetradic Color Scheme#75AEBD#A274B5#BE8774#8ABD7B#BCD7DF
- Catch the Wave Tetradic Color Scheme#B5DCD8#C4B7D8#DBB7BA#CBDCB7#ECF7F7
- Cerulean Skies Tetradic Color Scheme#8CC6CB#B090C7#CE8E8B#ABC88C#D3E9EC
- Clear Water Tetradic Color Scheme#AAD5DB#CAADD8#D9B1AA#B8DCA7#ECF7F7
Questions
What colors go with Seafoam Slate?
In a tetradic scheme: Crocus Petal (#B99BC5), Rose Potpourri (#C9A59F), Green Eggs & Cam (#B3C39C), Wave Crest (#DCE9EA).
What is the hex code of Seafoam Slate?
#A6BCBE.