Khaki Complementary Color Scheme
Five colors arranged by the complementary rule around Khaki (#C3B091), each snapped to its nearest named color.
#C3B091
#E3DBCD
#93A3C1
#617BA6
#D3DBE7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Khaki | #C3B091 | 195, 176, 145 | 37°, 29%, 67% | 0, 10, 26, 24 | |
| Last Straw | #E3DBCD | 227, 219, 205 | 38°, 28%, 85% | 0, 4, 10, 11 | |
| Wild Clary | #93A3C1 | 147, 163, 193 | 219°, 27%, 67% | 24, 16, 0, 24 | |
| Miracle Elixir | #617BA6 | 97, 123, 166 | 217°, 28%, 52% | 42, 26, 0, 35 | |
| Sueded Grey | #D3DBE7 | 211, 219, 231 | 216°, 29%, 87% | 9, 5, 0, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E3DBCD on #617BA6 | 3.12:1 | AA large |
| Aa #617BA6 on #D3DBE7 | 3.08:1 | AA large |
| Aa #C3B091 on #617BA6 | 2.03:1 | — |
| Aa #E3DBCD on #93A3C1 | 1.85:1 | — |
| Aa #93A3C1 on #D3DBE7 | 1.83:1 | — |
| Aa #93A3C1 on #617BA6 | 1.69:1 | — |
CSS variables
:root {
--color-1: #c3b091; /* Khaki */
--color-2: #e3dbcd; /* Last Straw */
--color-3: #93a3c1; /* Wild Clary */
--color-4: #617ba6; /* Miracle Elixir */
--color-5: #d3dbe7; /* Sueded Grey */
}Other schemes from Khaki
- Khaki Analogous Color Scheme#C292A1#C29594#C3B091#BFC298#A4C48E
- Khaki Triadic Color Scheme#C3B091#93C3B1#B090C7#E6DFD2#65A98F
- Khaki Split-complementary Color Scheme#C3B091#8FBCC4#9A8EC1#A58E61#C4DADD
- Khaki Tetradic Color Scheme#C3B091#96C193#93A3C1#C58BBA#E6DFD2
- Khaki Monochromatic Color Scheme#756244#A58E61#C3B091#DFD4C4#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 Khaki?
In a complementary scheme: Last Straw (#E3DBCD), Wild Clary (#93A3C1), Miracle Elixir (#617BA6), Sueded Grey (#D3DBE7).
What is the hex code of Khaki?
#C3B091.