Dark Chocolate Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dark Chocolate (#624A49), each snapped to its nearest named color.
#624A49
#416858
#44556B
#3E2723
#5E9D7B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Dark Chocolate | #624A49 | 98, 74, 73 | 2°, 15%, 34% | 0, 24, 26, 62 | 43.4% 0.033 21 | |
| June Ivy | #416858 | 65, 104, 88 | 155°, 23%, 33% | 38, 0, 15, 59 | 48.3% 0.052 166 | |
| Inkjet | #44556B | 68, 85, 107 | 214°, 22%, 34% | 36, 21, 0, 58 | 44.4% 0.042 255 | |
| Ethereal Espresso | #3E2723 | 62, 39, 35 | 9°, 28%, 19% | 0, 37, 44, 76 | 30.0% 0.036 30 | |
| Memphis Green | #5E9D7B | 94, 157, 123 | 148°, 25%, 49% | 40, 0, 22, 38 | 64.4% 0.083 159 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3E2723 on #5E9D7B | 4.33:1 | AA large |
| Aa #624A49 on #5E9D7B | 2.54:1 | — |
| Aa #44556B on #5E9D7B | 2.39:1 | — |
| Aa #416858 on #3E2723 | 2.20:1 | — |
| Aa #416858 on #5E9D7B | 1.97:1 | — |
| Aa #44556B on #3E2723 | 1.81:1 | — |
CSS variables
:root {
--color-1: #624a49; /* Dark Chocolate */
--color-2: #416858; /* June Ivy */
--color-3: #44556b; /* Inkjet */
--color-4: #3e2723; /* Ethereal Espresso */
--color-5: #5e9d7b; /* Memphis Green */
}Other schemes from Dark Chocolate
- Dark Chocolate Complementary Color Scheme#624A49#A26766#456B67#203838#6BA5A9
- Dark Chocolate Analogous Color Scheme#674668#6D4052#624A49#695641#696841
- Dark Chocolate Triadic Color Scheme#624A49#446D46#42426F#A66E68#2C3D28
- Dark Chocolate Tetradic Color Scheme#624A49#546940#456B67#57446A#A66E68
- Dark Chocolate Monochromatic Color Scheme#130D0D#342A2A#624A49#8F6D6B#B09691
More dark red split-complementary color schemes
- 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 Dark Chocolate?
In a split-complementary scheme: June Ivy (#416858), Inkjet (#44556B), Ethereal Espresso (#3E2723), Memphis Green (#5E9D7B).
What is the hex code of Dark Chocolate?
#624A49.