Seafoam Whisper Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Seafoam Whisper (#A1BDBF), each snapped to its nearest named color.
#A1BDBF
#C69EAE
#C4B39C
#6BA5A9
#E2CDD5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Seafoam Whisper | #A1BDBF | 161, 189, 191 | 184°, 19%, 69% | 16, 1, 0, 25 | 77.8% 0.031 202 | |
| Damsel | #C69EAE | 198, 158, 174 | 336°, 26%, 70% | 0, 20, 12, 22 | 74.0% 0.052 353 | |
| Barcelona Beige | #C4B39C | 196, 179, 156 | 34°, 25%, 69% | 0, 9, 20, 23 | 77.5% 0.037 75 | |
| Fairstar | #6BA5A9 | 107, 165, 169 | 184°, 26%, 54% | 37, 2, 0, 34 | 68.4% 0.061 201 | |
| Prim | #E2CDD5 | 226, 205, 213 | 337°, 27%, 85% | 0, 9, 6, 11 | 86.8% 0.026 353 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6BA5A9 on #E2CDD5 | 1.84:1 | — |
| Aa #C69EAE on #E2CDD5 | 1.56:1 | — |
| Aa #A1BDBF on #6BA5A9 | 1.39:1 | — |
| Aa #C4B39C on #6BA5A9 | 1.36:1 | — |
| Aa #C4B39C on #E2CDD5 | 1.36:1 | — |
| Aa #A1BDBF on #E2CDD5 | 1.32:1 | — |
CSS variables
:root {
--color-1: #a1bdbf; /* Seafoam Whisper */
--color-2: #c69eae; /* Damsel */
--color-3: #c4b39c; /* Barcelona Beige */
--color-4: #6ba5a9; /* Fairstar */
--color-5: #e2cdd5; /* Prim */
}Other schemes from Seafoam Whisper
- Seafoam Whisper Complementary Color Scheme#A1BDBF#D6E6E6#C79D9B#A97069#EBDEDB
- Seafoam Whisper Analogous Color Scheme#9FC09C#9BC2B4#A1BDBF#9CADC7#9D9AC4
- Seafoam Whisper Triadic Color Scheme#A1BDBF#C09DC8#C9C79A#DCE9EA#A66DA1
- Seafoam Whisper Tetradic Color Scheme#A1BDBF#B598C3#C79D9B#AAC69A#DCE9EA
- Seafoam Whisper Monochromatic Color Scheme#4E7376#719BA2#A1BDBF#D0DCDE#F2F3F4
More light teal split-complementary color schemes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Seafoam Whisper?
In a split-complementary scheme: Damsel (#C69EAE), Barcelona Beige (#C4B39C), Fairstar (#6BA5A9), Prim (#E2CDD5).
What is the hex code of Seafoam Whisper?
#A1BDBF.