Foil Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Foil (#C0C3C4), each snapped to its nearest named color.
#C0C3C4
#D3B6BA
#D2CBB4
#83A9B3
#F0E2E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Foil | #C0C3C4 | 192, 195, 196 | 195°, 3%, 76% | 2, 1, 0, 23 | |
| Rose Stain | #D3B6BA | 211, 182, 186 | 352°, 25%, 77% | 0, 14, 12, 17 | |
| Asparagus Green | #D2CBB4 | 210, 203, 180 | 46°, 25%, 76% | 0, 3, 14, 18 | |
| Equanimity | #83A9B3 | 131, 169, 179 | 192°, 24%, 61% | 27, 6, 0, 30 | |
| Dulcet Pink | #F0E2E4 | 240, 226, 228 | 351°, 32%, 91% | 0, 6, 5, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #83A9B3 on #F0E2E4 | 2.01:1 | — |
| Aa #D2CBB4 on #83A9B3 | 1.56:1 | — |
| Aa #D3B6BA on #F0E2E4 | 1.50:1 | — |
| Aa #C0C3C4 on #83A9B3 | 1.43:1 | — |
| Aa #C0C3C4 on #F0E2E4 | 1.41:1 | — |
| Aa #D3B6BA on #83A9B3 | 1.35:1 | — |
CSS variables
:root {
--color-1: #c0c3c4; /* Foil */
--color-2: #d3b6ba; /* Rose Stain */
--color-3: #d2cbb4; /* Asparagus Green */
--color-4: #83a9b3; /* Equanimity */
--color-5: #f0e2e4; /* Dulcet Pink */
}Other schemes from Foil
- Foil Complementary Color Scheme#C0C3C4#EBF1F5#D2BBB2#BB8E84#F5F0F1
- Foil Analogous Color Scheme#B5D1BE#B5D1C7#C0C3C4#B4BCD1#BFB3D1
- Foil Triadic Color Scheme#C0C3C4#D1B5CA#CCD1B2#F1F3F3#B784A7
- Foil Tetradic Color Scheme#C0C3C4#CAB4D4#D2BBB2#BAD1B5#F1F3F3
- Foil Monochromatic Color Scheme#757679#989D9F#C0C3C4#E8E9E9#F2F2F4
More Light Gray split-complementary palettes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
Questions
What colors go with Foil?
In a split-complementary scheme: Rose Stain (#D3B6BA), Asparagus Green (#D2CBB4), Equanimity (#83A9B3), Dulcet Pink (#F0E2E4).
What is the hex code of Foil?
#C0C3C4.