Taupe Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Taupe (#B9A281), each snapped to its nearest named color.
#B9A281
#81B6BC
#8C80B9
#9A7F55
#B1D2D5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Taupe | #B9A281 | 185, 162, 129 | 35°, 29%, 62% | 0, 12, 30, 27 | |
| Lifeboat Blue | #81B6BC | 129, 182, 188 | 186°, 31%, 62% | 31, 3, 0, 26 | |
| Bravo! | #8C80B9 | 140, 128, 185 | 253°, 29%, 61% | 24, 31, 0, 27 | |
| Branching-Out Olive | #9A7F55 | 154, 127, 85 | 37°, 29%, 47% | 0, 18, 45, 40 | |
| Fine China | #B1D2D5 | 177, 210, 213 | 185°, 30%, 76% | 17, 1, 0, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9A7F55 on #B1D2D5 | 2.35:1 | — |
| Aa #8C80B9 on #B1D2D5 | 2.21:1 | — |
| Aa #81B6BC on #9A7F55 | 1.69:1 | — |
| Aa #81B6BC on #8C80B9 | 1.58:1 | — |
| Aa #B9A281 on #9A7F55 | 1.54:1 | — |
| Aa #B9A281 on #B1D2D5 | 1.53:1 | — |
CSS variables
:root {
--color-1: #b9a281; /* Taupe */
--color-2: #81b6bc; /* Lifeboat Blue */
--color-3: #8c80b9; /* Bravo! */
--color-4: #9a7f55; /* Branching-Out Olive */
--color-5: #b1d2d5; /* Fine China */
}Other schemes from Taupe
- Taupe Complementary Color Scheme#B9A281#DCCEBB#869CBB#547497#C3CFDC
- Taupe Analogous Color Scheme#B48395#BB8580#B9A281#B4B780#93B881
- Taupe Triadic Color Scheme#B9A281#84B6A2#A385B3#DCD2C3#589F7E
- Taupe Tetradic Color Scheme#B9A281#81B489#869CBB#B883B0#DCD2C3
- Taupe Monochromatic Color Scheme#68553A#9A7F55#B9A281#D5C7B3#EFEBE3
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 Taupe?
In a split-complementary scheme: Lifeboat Blue (#81B6BC), Bravo! (#8C80B9), Branching-Out Olive (#9A7F55), Fine China (#B1D2D5).
What is the hex code of Taupe?
#B9A281.