Tuxedo Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tuxedo (#3F3C43), each snapped to its nearest named color.
#3F3C43
#4E4D2F
#364C2E
#161820
#79774A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tuxedo | #3F3C43 | 63, 60, 67 | 266°, 6%, 25% | 6, 10, 0, 74 | |
| Umber Shade Wash | #4E4D2F | 78, 77, 47 | 58°, 25%, 25% | 0, 1, 40, 69 | |
| Nettle Green | #364C2E | 54, 76, 46 | 104°, 25%, 24% | 29, 0, 39, 70 | |
| River Styx | #161820 | 22, 24, 32 | 228°, 19%, 11% | 31, 25, 0, 87 | |
| Tree Hugger | #79774A | 121, 119, 74 | 57°, 24%, 38% | 0, 2, 39, 53 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #161820 on #79774A | 3.84:1 | AA large |
| Aa #3F3C43 on #79774A | 2.35:1 | — |
| Aa #4E4D2F on #161820 | 2.05:1 | — |
| Aa #364C2E on #79774A | 2.04:1 | — |
| Aa #364C2E on #161820 | 1.88:1 | — |
| Aa #4E4D2F on #79774A | 1.88:1 | — |
CSS variables
:root {
--color-1: #3f3c43; /* Tuxedo */
--color-2: #4e4d2f; /* Umber Shade Wash */
--color-3: #364c2e; /* Nettle Green */
--color-4: #161820; /* River Styx */
--color-5: #79774a; /* Tree Hugger */
}Other schemes from Tuxedo
- Tuxedo Complementary Color Scheme#3F3C43#6A5287#454D32#112211#769358
- Tuxedo Analogous Color Scheme#364251#343450#3F3C43#51304E#532D45
- Tuxedo Triadic Color Scheme#3F3C43#4E3C32#2E4B3C#6F5390#231712
- Tuxedo Tetradic Color Scheme#3F3C43#513233#454D32#2F4E4E#6F5390
- Tuxedo Monochromatic Color Scheme#0F0F0F#17181C#3F3C43#67616B#8B8893
More Dark Gray split-complementary palettes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- After Midnight Split-complementary Color Scheme#38393F#4A352B#434C28#0C121B#775C47
- All Nighter Split-complementary Color Scheme#455454#60394D#604938#193232#8F5973
- Ancient Pine Split-complementary Color Scheme#444B43#473854#59354A#1B2B1B#6A5287
- Armadillo Split-complementary Color Scheme#484A46#33365B#5A395B#21211D#4E518B
- Arsenic Split-complementary Color Scheme#3B444B#553333#515131#181B26#864C52
- Artist’s Charcoal Split-complementary Color Scheme#37393E#4A352B#434C28#0C121B#7B5349
- Bark Split-complementary Color Scheme#5F5854#456F6E#43456D#433120#67A195
- Black Forest Split-complementary Color Scheme#5E6354#445172#674876#37412A#696BA0
- Black Magic Split-complementary Color Scheme#4F4554#576238#336644#2E183B#898E58
- Black Olive Split-complementary Color Scheme#3B3C36#2B3448#382B46#16160E#475877
- Black Orchid Split-complementary Color Scheme#525463#705446#636F46#2A2B41#A17D61
Questions
What colors go with Tuxedo?
In a split-complementary scheme: Umber Shade Wash (#4E4D2F), Nettle Green (#364C2E), River Styx (#161820), Tree Hugger (#79774A).
What is the hex code of Tuxedo?
#3F3C43.