Teakwood Complementary Color Scheme
Five colors arranged by the complementary rule around Teakwood (#8D7E6D), each snapped to its nearest named color.
#8D7E6D
#C0AD96
#5B7A9C
#44556B
#9EAFC2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Teakwood | #8D7E6D | 141, 126, 109 | 32°, 13%, 49% | 0, 11, 23, 45 | |
| Antler Velvet | #C0AD96 | 192, 173, 150 | 33°, 25%, 67% | 0, 10, 22, 25 | |
| Blue Plate | #5B7A9C | 91, 122, 156 | 211°, 26%, 48% | 42, 22, 0, 39 | |
| Inkjet | #44556B | 68, 85, 107 | 214°, 22%, 34% | 36, 21, 0, 58 | |
| Sterling Silver | #9EAFC2 | 158, 175, 194 | 212°, 23%, 69% | 19, 10, 0, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C0AD96 on #44556B | 3.50:1 | AA large |
| Aa #44556B on #9EAFC2 | 3.40:1 | AA large |
| Aa #C0AD96 on #5B7A9C | 2.05:1 | — |
| Aa #5B7A9C on #9EAFC2 | 1.99:1 | — |
| Aa #8D7E6D on #44556B | 1.94:1 | — |
| Aa #8D7E6D on #C0AD96 | 1.81:1 | — |
CSS variables
:root {
--color-1: #8d7e6d; /* Teakwood */
--color-2: #c0ad96; /* Antler Velvet */
--color-3: #5b7a9c; /* Blue Plate */
--color-4: #44556b; /* Inkjet */
--color-5: #9eafc2; /* Sterling Silver */
}Other schemes from Teakwood
- Teakwood Analogous Color Scheme#9D5C75#97635F#8D7E6D#9A9959#7F9E5B
- Teakwood Triadic Color Scheme#8D7E6D#5E9D7B#7B5D92#C3B09D#416858
- Teakwood Split-complementary Color Scheme#8D7E6D#5F9B9C#665D9E#6D5843#8FBABC
- Teakwood Tetradic Color Scheme#8D7E6D#5D9865#5B7A9C#9F5F9F#C3B09D
- Teakwood Monochromatic Color Scheme#35312C#62584C#8D7E6D#B0A596#D0C9C3
More Medium Orange complementary palettes
- 24 Carrot Complementary Color Scheme#E56E24#F1A177#2196F3#126DA8#7BC8F6
- À l’Orange Complementary Color Scheme#F2850D#F6B064#0D75F8#0853A7#77B5FE
- Acorn Complementary Color Scheme#7F5E50#B08A7D#506E82#2F484E#85A3B2
- Amaretto Sour Complementary Color Scheme#C09856#D9C09C#507BCE#3B5B92#A2BADB
- Amber Complementary Color Scheme#FFBF00#FED85D#0044FF#0033BB#6688FF
- Apocalyptic Orange Complementary Color Scheme#F4711E#FAAB77#17A9E5#0777BC#7BC8F6
- Arancio Complementary Color Scheme#FF7013#FEA871#00AAFF#0079C1#77CCFF
- Argan Oil Complementary Color Scheme#9D6646#C4957A#427C9D#2D5367#82ACC4
- Arrakis Spice Complementary Color Scheme#BB8246#D1B088#477BBD#315886#92B6D5
- Arrowwood Complementary Color Scheme#B3861E#E0B44D#1151B4#13336F#5577EE
- Atomic Orange Complementary Color Scheme#F88605#FFB05F#0078F8#0055AA#77AAFF
- Autumnal Complementary Color Scheme#AD5928#DB8959#2B7CAF#1D5671#65B4D8
Questions
What colors go with Teakwood?
In a complementary scheme: Antler Velvet (#C0AD96), Blue Plate (#5B7A9C), Inkjet (#44556B), Sterling Silver (#9EAFC2).
What is the hex code of Teakwood?
#8D7E6D.