Café Noir Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Café Noir (#4B3621), each snapped to its nearest named color.
#4B3621
#234E4D
#222244
#16110D
#358082
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Café Noir | #4B3621 | 75, 54, 33 | 30°, 39%, 21% | 0, 28, 56, 71 | |
| Hornblende Green | #234E4D | 35, 78, 77 | 179°, 38%, 22% | 55, 0, 1, 69 | |
| Black Market | #222244 | 34, 34, 68 | 240°, 33%, 20% | 50, 50, 0, 73 | |
| Black Raspberry | #16110D | 22, 17, 13 | 27°, 26%, 7% | 0, 23, 41, 91 | |
| Green Blue Slate | #358082 | 53, 128, 130 | 182°, 42%, 36% | 59, 2, 0, 49 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #16110D on #358082 | 4.07:1 | AA large |
| Aa #222244 on #358082 | 3.30:1 | AA large |
| Aa #4B3621 on #358082 | 2.47:1 | — |
| Aa #234E4D on #16110D | 2.03:1 | — |
| Aa #234E4D on #358082 | 2.01:1 | — |
| Aa #4B3621 on #16110D | 1.65:1 | — |
CSS variables
:root {
--color-1: #4b3621; /* Café Noir */
--color-2: #234e4d; /* Hornblende Green */
--color-3: #222244; /* Black Market */
--color-4: #16110d; /* Black Raspberry */
--color-5: #358082; /* Green Blue Slate */
}Other schemes from Café Noir
- Café Noir Complementary Color Scheme#4B3621#8C633C#283849#0B0F1A#436B95
- Café Noir Analogous Color Scheme#442238#4A2125#4B3621#4C4623#3E4826
- Café Noir Triadic Color Scheme#4B3621#224634#2E2249#956841#0F180A
- Café Noir Tetradic Color Scheme#4B3621#2A4F21#283849#4F284B#956841
- Café Noir Monochromatic Color Scheme#130D07#16110D#4B3621#815D37#B38052
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 Café Noir?
In a split-complementary scheme: Hornblende Green (#234E4D), Black Market (#222244), Black Raspberry (#16110D), Green Blue Slate (#358082).
What is the hex code of Café Noir?
#4B3621.