Brown Coffee Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Brown Coffee (#4A2C2A), each snapped to its nearest named color.
#4A2C2A
#284C3C
#283849
#1A1110
#447A66
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Brown Coffee | #4A2C2A | 74, 44, 42 | 4°, 28%, 23% | 0, 41, 43, 71 | |
| Springbok Green | #284C3C | 40, 76, 60 | 153°, 31%, 23% | 47, 0, 21, 70 | |
| In the Navy | #283849 | 40, 56, 73 | 211°, 29%, 22% | 45, 23, 0, 71 | |
| Scandinavian Liquorice | #1A1110 | 26, 17, 16 | 6°, 24%, 8% | 0, 35, 38, 90 | |
| Leaping Lizard | #447A66 | 68, 122, 102 | 158°, 28%, 37% | 44, 0, 16, 52 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1A1110 on #447A66 | 3.73:1 | AA large |
| Aa #4A2C2A on #447A66 | 2.51:1 | — |
| Aa #283849 on #447A66 | 2.41:1 | — |
| Aa #284C3C on #1A1110 | 1.93:1 | — |
| Aa #284C3C on #447A66 | 1.93:1 | — |
| Aa #283849 on #1A1110 | 1.55:1 | — |
CSS variables
:root {
--color-1: #4a2c2a; /* Brown Coffee */
--color-2: #284c3c; /* Springbok Green */
--color-3: #283849; /* In the Navy */
--color-4: #1a1110; /* Scandinavian Liquorice */
--color-5: #447a66; /* Leaping Lizard */
}Other schemes from Brown Coffee
- Brown Coffee Complementary Color Scheme#4A2C2A#824E4A#2D4A4C#0E191C#538B89
- Brown Coffee Analogous Color Scheme#4F284B#492A34#4A2C2A#493C2B#4B492D
- Brown Coffee Triadic Color Scheme#4A2C2A#364C2E#2C284C#8B534E#0F180A
- Brown Coffee Tetradic Color Scheme#4A2C2A#364C2E#2D4A4C#3A284C#8B534E
- Brown Coffee Monochromatic Color Scheme#130D0D#1A1110#4A2C2A#7C4848#AA6864
More Dark Red split-complementary palettes
- Active Volcano Split-complementary Color Scheme#BB1133#11BB44#1682B9#771122#33EE66
- Akai Red Split-complementary Color Scheme#BC012E#00BB33#008DBB#680018#00FF55
- All Systems Red Split-complementary Color Scheme#B30103#00BB55#095BAF#660000#00FF7C
- Antique Port Wine Split-complementary Color Scheme#98211A#1E9167#1D5699#551111#2DD78D
- Arcane Red Split-complementary Color Scheme#6A2F2F#336B4B#2C4D69#3A181A#4C9C77
- Barbera Split-complementary Color Scheme#8B031C#008833#00608B#440011#0BDB43
- Barolo Split-complementary Color Scheme#71000E#006C2E#034A71#220000#00BB44
- Bitter Chocolate Split-complementary Color Scheme#4F2923#284C3C#28314D#16110D#398467
- Blackened Sun Split-complementary Color Scheme#77150E#127A49#053976#330404#0CB577
- Bleeding Crimson Split-complementary Color Scheme#9B1414#1E9752#17569B#5C0C0C#18D17B
- Blood Brother Split-complementary Color Scheme#770011#007722#014C76#2B0202#02C14D
- Blood Oath Split-complementary Color Scheme#85323C#2F8351#316382#4C1C24#45BE76
Questions
What colors go with Brown Coffee?
In a split-complementary scheme: Springbok Green (#284C3C), In the Navy (#283849), Scandinavian Liquorice (#1A1110), Leaping Lizard (#447A66).
What is the hex code of Brown Coffee?
#4A2C2A.