Tan Complementary Color Scheme
Five colors arranged by the complementary rule around Tan (#D2B48C), each snapped to its nearest named color.
#D2B48C
#ECDFCF
#88A9D2
#5382BB
#D4E0EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Tan | #D2B48C | 210, 180, 140 | 34°, 44%, 69% | 0, 14, 33, 18 | 78.6% 0.064 75 | |
| Natural Linen | #ECDFCF | 236, 223, 207 | 33°, 43%, 87% | 0, 6, 12, 7 | 91.0% 0.026 73 | |
| Placid Blue | #88A9D2 | 136, 169, 210 | 213°, 45%, 68% | 35, 20, 0, 18 | 72.5% 0.070 254 | |
| Regatta | #5382BB | 83, 130, 187 | 213°, 43%, 53% | 56, 30, 0, 27 | 59.8% 0.102 254 | |
| Cold Shoulder | #D4E0EF | 212, 224, 239 | 213°, 46%, 88% | 11, 6, 0, 6 | 90.2% 0.024 254 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECDFCF on #5382BB | 3.04:1 | AA large |
| Aa #5382BB on #D4E0EF | 2.98:1 | — |
| Aa #D2B48C on #5382BB | 2.02:1 | — |
| Aa #ECDFCF on #88A9D2 | 1.85:1 | — |
| Aa #88A9D2 on #D4E0EF | 1.82:1 | — |
| Aa #88A9D2 on #5382BB | 1.64:1 | — |
CSS variables
:root {
--color-1: #d2b48c; /* Tan */
--color-2: #ecdfcf; /* Natural Linen */
--color-3: #88a9d2; /* Placid Blue */
--color-4: #5382bb; /* Regatta */
--color-5: #d4e0ef; /* Cold Shoulder */
}Other schemes from Tan
- Tan Analogous Color Scheme#D28CA7#D1908E#D2B48C#CDD78A#A5CF8C
- Tan Triadic Color Scheme#D2B48C#89D1B5#B790D4#EFE5D4#56B78F
- Tan Split-complementary Color Scheme#D2B48C#8ECFD0#8D8DC9#BB9157#C3E4E8
- Tan Tetradic Color Scheme#D2B48C#92D599#88A9D2#C687D6#EFE5D4
- Tan Monochromatic Color Scheme#8D6737#BB9157#D2B48C#E9D8C2#F8F4ED
More light orange complementary color schemes
- 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 Tan?
In a complementary scheme: Natural Linen (#ECDFCF), Placid Blue (#88A9D2), Regatta (#5382BB), Cold Shoulder (#D4E0EF).
What is the hex code of Tan?
#D2B48C.