Tender Taupe Complementary Color Scheme
Five colors arranged by the complementary rule around Tender Taupe (#C4B198), each snapped to its nearest named color.
#C4B198
#E6DDD2
#96AEC5
#6586A5
#D8E0EA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tender Taupe | #C4B198 | 196, 177, 152 | 34°, 27%, 68% | 0, 10, 22, 23 | |
| Sand Dagger | #E6DDD2 | 230, 221, 210 | 33°, 29%, 86% | 0, 4, 9, 10 | |
| Nordland Light Blue | #96AEC5 | 150, 174, 197 | 209°, 29%, 68% | 24, 12, 0, 23 | |
| Moody Indigo | #6586A5 | 101, 134, 165 | 209°, 26%, 52% | 39, 19, 0, 35 | |
| Violet Vignette | #D8E0EA | 216, 224, 234 | 213°, 30%, 88% | 8, 4, 0, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6586A5 on #D8E0EA | 2.86:1 | — |
| Aa #E6DDD2 on #6586A5 | 2.84:1 | — |
| Aa #C4B198 on #6586A5 | 1.83:1 | — |
| Aa #96AEC5 on #D8E0EA | 1.72:1 | — |
| Aa #E6DDD2 on #96AEC5 | 1.71:1 | — |
| Aa #96AEC5 on #6586A5 | 1.66:1 | — |
CSS variables
:root {
--color-1: #c4b198; /* Tender Taupe */
--color-2: #e6ddd2; /* Sand Dagger */
--color-3: #96aec5; /* Nordland Light Blue */
--color-4: #6586a5; /* Moody Indigo */
--color-5: #d8e0ea; /* Violet Vignette */
}Other schemes from Tender Taupe
- Tender Taupe Analogous Color Scheme#C59DAA#C69896#C4B198#C8C197#AAC69A
- Tender Taupe Triadic Color Scheme#C4B198#93C3B1#B598C3#E9E1D9#65A98F
- Tender Taupe Split-complementary Color Scheme#C4B198#9CC2C5#9D9AC4#A88B66#C7DFE0
- Tender Taupe Tetradic Color Scheme#C4B198#9FC09C#96AEC5#CA93C1#E9E1D9
- Tender Taupe Monochromatic Color Scheme#7D6546#A88B66#C4B198#E0D6C8#F6F4EF
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Tender Taupe?
In a complementary scheme: Sand Dagger (#E6DDD2), Nordland Light Blue (#96AEC5), Moody Indigo (#6586A5), Violet Vignette (#D8E0EA).
What is the hex code of Tender Taupe?
#C4B198.