Coffee Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Coffee (#6F4E37), each snapped to its nearest named color.
#6F4E37
#366D68
#3B3B6D
#3D2B1F
#53A391
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coffee | #6F4E37 | 111, 78, 55 | 25°, 34%, 33% | 0, 30, 50, 56 | |
| Deep Pool Teal | #366D68 | 54, 109, 104 | 175°, 34%, 32% | 50, 0, 5, 57 | |
| American Blue | #3B3B6D | 59, 59, 109 | 240°, 30%, 33% | 46, 46, 0, 57 | |
| Bistre | #3D2B1F | 61, 43, 31 | 24°, 33%, 18% | 0, 30, 49, 76 | |
| Golf Blazer | #53A391 | 83, 163, 145 | 167°, 33%, 48% | 49, 0, 11, 36 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3D2B1F on #53A391 | 4.49:1 | AA large |
| Aa #3B3B6D on #53A391 | 3.45:1 | AA large |
| Aa #6F4E37 on #53A391 | 2.49:1 | — |
| Aa #366D68 on #3D2B1F | 2.27:1 | — |
| Aa #366D68 on #53A391 | 1.98:1 | — |
| Aa #6F4E37 on #3D2B1F | 1.80:1 | — |
CSS variables
:root {
--color-1: #6f4e37; /* Coffee */
--color-2: #366d68; /* Deep Pool Teal */
--color-3: #3b3b6d; /* American Blue */
--color-4: #3d2b1f; /* Bistre */
--color-5: #53a391; /* Golf Blazer */
}Other schemes from Coffee
- Coffee Complementary Color Scheme#6F4E37#AA7755#365771#1E2F3C#5D8CAE
- Coffee Analogous Color Scheme#753A58#6C383C#6F4E37#6E6A3B#557138
- Coffee Triadic Color Scheme#6F4E37#366C4E#513B6E#AB7E5E#1A3F2C
- Coffee Tetradic Color Scheme#6F4E37#3D703E#365771#69326E#AB7E5E
- Coffee Monochromatic Color Scheme#130D07#3D2B1F#6F4E37#A27253#C19A7D
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Coffee?
In a split-complementary scheme: Deep Pool Teal (#366D68), American Blue (#3B3B6D), Bistre (#3D2B1F), Golf Blazer (#53A391).
What is the hex code of Coffee?
#6F4E37.