Tender Taupe Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tender Taupe (#C4B198), each snapped to its nearest named color.
#C4B198
#9CC2C5
#9D9AC4
#A88B66
#C7DFE0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tender Taupe | #C4B198 | 196, 177, 152 | 34°, 27%, 68% | 0, 10, 22, 23 | |
| Canal Blue | #9CC2C5 | 156, 194, 197 | 184°, 26%, 69% | 21, 2, 0, 23 | |
| Majestic Violet | #9D9AC4 | 157, 154, 196 | 244°, 26%, 69% | 20, 21, 0, 23 | |
| Old Leather | #A88B66 | 168, 139, 102 | 34°, 27%, 53% | 0, 17, 39, 34 | |
| Open Air | #C7DFE0 | 199, 223, 224 | 182°, 29%, 83% | 11, 0, 0, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A88B66 on #C7DFE0 | 2.30:1 | — |
| Aa #9D9AC4 on #C7DFE0 | 1.92:1 | — |
| Aa #9CC2C5 on #A88B66 | 1.67:1 | — |
| Aa #C4B198 on #A88B66 | 1.54:1 | — |
| Aa #C4B198 on #C7DFE0 | 1.49:1 | — |
| Aa #9CC2C5 on #9D9AC4 | 1.39:1 | — |
CSS variables
:root {
--color-1: #c4b198; /* Tender Taupe */
--color-2: #9cc2c5; /* Canal Blue */
--color-3: #9d9ac4; /* Majestic Violet */
--color-4: #a88b66; /* Old Leather */
--color-5: #c7dfe0; /* Open Air */
}Other schemes from Tender Taupe
- Tender Taupe Complementary Color Scheme#C4B198#E6DDD2#96AEC5#6586A5#D8E0EA
- Tender Taupe Analogous Color Scheme#C59DAA#C69896#C4B198#C8C197#AAC69A
- Tender Taupe Triadic Color Scheme#C4B198#93C3B1#B598C3#E9E1D9#65A98F
- Tender Taupe Tetradic Color Scheme#C4B198#9FC09C#96AEC5#CA93C1#E9E1D9
- Tender Taupe Monochromatic Color Scheme#7D6546#A88B66#C4B198#E0D6C8#F6F4EF
More Light Orange split-complementary palettes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Tender Taupe?
In a split-complementary scheme: Canal Blue (#9CC2C5), Majestic Violet (#9D9AC4), Old Leather (#A88B66), Open Air (#C7DFE0).
What is the hex code of Tender Taupe?
#C4B198.