Chocolate Magma Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Chocolate Magma (#7A463A), each snapped to its nearest named color.
#7A463A
#3A7968
#394D78
#432722
#58AC8F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chocolate Magma | #7A463A | 122, 70, 58 | 11°, 36%, 35% | 0, 43, 52, 52 | |
| Green Moray | #3A7968 | 58, 121, 104 | 164°, 35%, 35% | 52, 0, 14, 53 | |
| Noble Knight | #394D78 | 57, 77, 120 | 221°, 36%, 35% | 53, 36, 0, 53 | |
| Polished Mahogany | #432722 | 67, 39, 34 | 9°, 33%, 20% | 0, 42, 49, 74 | |
| O’grady Green | #58AC8F | 88, 172, 143 | 159°, 34%, 51% | 49, 0, 17, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #432722 on #58AC8F | 4.97:1 | AA |
| Aa #394D78 on #58AC8F | 3.08:1 | AA large |
| Aa #7A463A on #58AC8F | 2.79:1 | — |
| Aa #3A7968 on #432722 | 2.65:1 | — |
| Aa #3A7968 on #58AC8F | 1.87:1 | — |
| Aa #7A463A on #432722 | 1.78:1 | — |
CSS variables
:root {
--color-1: #7a463a; /* Chocolate Magma */
--color-2: #3a7968; /* Green Moray */
--color-3: #394d78; /* Noble Knight */
--color-4: #432722; /* Polished Mahogany */
--color-5: #58ac8f; /* O’grady Green */
}Other schemes from Chocolate Magma
- Chocolate Magma Complementary Color Scheme#7A463A#B56D5D#3B6A7A#253C48#69A4B9
- Chocolate Magma Analogous Color Scheme#743D68#773B4A#7A463A#77623A#717C3E
- Chocolate Magma Triadic Color Scheme#7A463A#3D7049#413C7B#B47463#224634
- Chocolate Magma Tetradic Color Scheme#7A463A#4C793C#3B6A7A#653D7C#B47463
- Chocolate Magma Monochromatic Color Scheme#130D07#432722#7A463A#B06455#C99387
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 Chocolate Magma?
In a split-complementary scheme: Green Moray (#3A7968), Noble Knight (#394D78), Polished Mahogany (#432722), O’grady Green (#58AC8F).
What is the hex code of Chocolate Magma?
#7A463A.