Cafe Royale Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cafe Royale (#6A4928), each snapped to its nearest named color.
#6A4928
#2B6867
#24246D
#332211
#3DA3AE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cafe Royale | #6A4928 | 106, 73, 40 | 30°, 45%, 29% | 0, 31, 62, 58 | |
| Magnetic Green | #2B6867 | 43, 104, 103 | 179°, 41%, 29% | 59, 0, 1, 59 | |
| After Work Blue | #24246D | 36, 36, 109 | 240°, 50%, 28% | 67, 67, 0, 57 | |
| Black Slug | #332211 | 51, 34, 17 | 30°, 50%, 13% | 0, 33, 67, 80 | |
| Teal Essence | #3DA3AE | 61, 163, 174 | 186°, 48%, 46% | 65, 6, 0, 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #332211 on #3DA3AE | 5.12:1 | AA |
| Aa #24246D on #3DA3AE | 4.55:1 | AA |
| Aa #6A4928 on #3DA3AE | 2.71:1 | — |
| Aa #2B6867 on #332211 | 2.38:1 | — |
| Aa #2B6867 on #3DA3AE | 2.15:1 | — |
| Aa #2B6867 on #24246D | 2.12:1 | — |
CSS variables
:root {
--color-1: #6a4928; /* Cafe Royale */
--color-2: #2b6867; /* Magnetic Green */
--color-3: #24246d; /* After Work Blue */
--color-4: #332211; /* Black Slug */
--color-5: #3da3ae; /* Teal Essence */
}Other schemes from Cafe Royale
- Cafe Royale Complementary Color Scheme#6A4928#AB7741#25476A#112233#4278AF
- Cafe Royale Analogous Color Scheme#692746#6B252C#6A4928#667028#476A30
- Cafe Royale Triadic Color Scheme#6A4928#286848#482D67#B77D42#103222
- Cafe Royale Tetradic Color Scheme#6A4928#296D23#25476A#702963#B77D42
- Cafe Royale Monochromatic Color Scheme#130D07#332211#6A4928#A3713F#C29867
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 Cafe Royale?
In a split-complementary scheme: Magnetic Green (#2B6867), After Work Blue (#24246D), Black Slug (#332211), Teal Essence (#3DA3AE).
What is the hex code of Cafe Royale?
#6A4928.