Chocolate Explosion Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Chocolate Explosion (#8E473B), each snapped to its nearest named color.
#8E473B
#368976
#3B5B92
#572B26
#5FB69C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chocolate Explosion | #8E473B | 142, 71, 59 | 9°, 41%, 39% | 0, 50, 58, 44 | |
| Ionian | #368976 | 54, 137, 118 | 166°, 43%, 37% | 61, 0, 14, 46 | |
| Lambent Lagoon | #3B5B92 | 59, 91, 146 | 218°, 42%, 40% | 60, 38, 0, 43 | |
| Worcestershire Sauce | #572B26 | 87, 43, 38 | 6°, 39%, 25% | 0, 51, 56, 66 | |
| Keppel | #5FB69C | 95, 182, 156 | 162°, 37%, 54% | 48, 0, 14, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #572B26 on #5FB69C | 4.87:1 | AA |
| Aa #368976 on #572B26 | 2.81:1 | — |
| Aa #3B5B92 on #5FB69C | 2.80:1 | — |
| Aa #8E473B on #5FB69C | 2.78:1 | — |
| Aa #8E473B on #572B26 | 1.75:1 | — |
| Aa #3B5B92 on #572B26 | 1.74:1 | — |
CSS variables
:root {
--color-1: #8e473b; /* Chocolate Explosion */
--color-2: #368976; /* Ionian */
--color-3: #3b5b92; /* Lambent Lagoon */
--color-4: #572b26; /* Worcestershire Sauce */
--color-5: #5fb69c; /* Keppel */
}Other schemes from Chocolate Explosion
- Chocolate Explosion Complementary Color Scheme#8E473B#BE7767#3E8094#245056#6CB4C3
- Chocolate Explosion Analogous Color Scheme#913881#8E3A59#8E473B#8E6C39#849137
- Chocolate Explosion Triadic Color Scheme#8E473B#38914A#4B3C8E#C47967#2B5D34
- Chocolate Explosion Tetradic Color Scheme#8E473B#588C3A#3E8094#733C8E#C47967
- Chocolate Explosion Monochromatic Color Scheme#20120E#572B26#8E473B#B5695A#D29B8D
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 Explosion?
In a split-complementary scheme: Ionian (#368976), Lambent Lagoon (#3B5B92), Worcestershire Sauce (#572B26), Keppel (#5FB69C).
What is the hex code of Chocolate Explosion?
#8E473B.