Fog Syringa Complementary Color Scheme
Five colors arranged by the complementary rule around Fog Syringa (#C4BAD2), each snapped to its nearest named color.
#C4BAD2
#F3F1F3
#C8D5BB
#A4BA8A
#F4F4F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fog Syringa | #C4BAD2 | 196, 186, 210 | 265°, 21%, 78% | 7, 11, 0, 18 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 | |
| Willow Tree Mouse | #C8D5BB | 200, 213, 187 | 90°, 24%, 78% | 6, 0, 12, 16 | |
| Forest Tapestry | #A4BA8A | 164, 186, 138 | 87°, 26%, 64% | 12, 0, 26, 27 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A4BA8A on #F4F4F0 | 1.91:1 | — |
| Aa #F3F1F3 on #A4BA8A | 1.87:1 | — |
| Aa #C4BAD2 on #F4F4F0 | 1.69:1 | — |
| Aa #C4BAD2 on #F3F1F3 | 1.65:1 | — |
| Aa #C8D5BB on #F4F4F0 | 1.39:1 | — |
| Aa #C8D5BB on #A4BA8A | 1.37:1 | — |
CSS variables
:root {
--color-1: #c4bad2; /* Fog Syringa */
--color-2: #f3f1f3; /* Aragonite White */
--color-3: #c8d5bb; /* Willow Tree Mouse */
--color-4: #a4ba8a; /* Forest Tapestry */
--color-5: #f4f4f0; /* Classic Chalk */
}Other schemes from Fog Syringa
- Fog Syringa Analogous Color Scheme#B8C8D3#BAB8D3#C4BAD2#D5B6D4#D3B8C5
- Fog Syringa Triadic Color Scheme#C4BAD2#D6C3B9#B6D3C5#F3F1F3#BA9E88
- Fog Syringa Split-complementary Color Scheme#C4BAD2#D3D1B9#BAD2B8#9F86B7#F2F0E8
- Fog Syringa Tetradic Color Scheme#C4BAD2#D3B6BA#C8D5BB#B9D2D3#F3F1F3
- Fog Syringa Monochromatic Color Scheme#7E6099#988EB4#C4BAD2#EDE9EF#F3F1F3
More Light Purple complementary palettes
- Amethyst Complementary Color Scheme#9966CC#C2B2F0#93C96A#77AD3B#CAE4B2
- Bubblegum Baby Girl Complementary Color Scheme#CC55EE#E9AEF2#70F15E#4BEC13#C7FDB5
- Dream Vapour Complementary Color Scheme#CC99EE#F3E9F7#BBEE99#80E45F#F1FAEA
- Dreamy Candy Forest Complementary Color Scheme#B195E4#E6DEF0#D4E092#ABD35D#F3F9E9
- Enchanted Lavender Complementary Color Scheme#BFA3D9#F0E5F5#B8D7A6#93C572#F1F8EC
- Enchanted Lilac Complementary Color Scheme#A893C1#D5CDE3#AFC195#8CA468#DEE7D4
- Fake Love Complementary Color Scheme#CC77EE#E8CEF6#96F97B#68E52F#DBF4D8
- Flaming Flamingo Complementary Color Scheme#DD55FF#F8B3FF#66FF55#3FFF00#CFFDBC
- Flamingo Queen Complementary Color Scheme#CC33FF#EE88FF#66FF22#33EE00#B1FC99
- Fleur-De-Lis Complementary Color Scheme#B090C7#D9CDE5#A3C893#75AD5B#DBE9D5
- Illicit Purple Complementary Color Scheme#BF77F6#E4CBFF#A9F971#88EE22#E9FFDB
- Lavender Complementary Color Scheme#B56EDC#DEBEEF#9CD572#6ECB3C#D0F0C0
Questions
What colors go with Fog Syringa?
In a complementary scheme: Aragonite White (#F3F1F3), Willow Tree Mouse (#C8D5BB), Forest Tapestry (#A4BA8A), Classic Chalk (#F4F4F0).
What is the hex code of Fog Syringa?
#C4BAD2.