Hot Chocolate Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hot Chocolate (#683939), each snapped to its nearest named color.
#683939
#356554
#3B5066
#351E1C
#529875
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Hot Chocolate | #683939 | 104, 57, 57 | 0°, 29%, 32% | 0, 45, 45, 59 | 40.3% 0.067 20 | |
| Plantain Green | #356554 | 53, 101, 84 | 159°, 31%, 30% | 48, 0, 17, 60 | 46.7% 0.060 169 | |
| Inked | #3B5066 | 59, 80, 102 | 211°, 27%, 32% | 42, 22, 0, 60 | 42.3% 0.045 250 | |
| Black Kite | #351E1C | 53, 30, 28 | 5°, 31%, 16% | 0, 43, 47, 79 | 26.5% 0.037 25 | |
| Fake Fern | #529875 | 82, 152, 117 | 150°, 30%, 46% | 46, 0, 23, 40 | 62.4% 0.090 160 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #351E1C on #529875 | 4.51:1 | AA |
| Aa #683939 on #529875 | 2.73:1 | — |
| Aa #3B5066 on #529875 | 2.42:1 | — |
| Aa #356554 on #351E1C | 2.32:1 | — |
| Aa #356554 on #529875 | 1.94:1 | — |
| Aa #3B5066 on #351E1C | 1.87:1 | — |
CSS variables
:root {
--color-1: #683939; /* Hot Chocolate */
--color-2: #356554; /* Plantain Green */
--color-3: #3b5066; /* Inked */
--color-4: #351e1c; /* Black Kite */
--color-5: #529875; /* Fake Fern */
}Other schemes from Hot Chocolate
- Hot Chocolate Complementary Color Scheme#683939#A55A55#3A6B66#1F3636#55AAAA
- Hot Chocolate Analogous Color Scheme#66386A#663854#683939#695239#69673A
- Hot Chocolate Triadic Color Scheme#683939#3C663E#383867#A95F5C#1B2B1B
- Hot Chocolate Tetradic Color Scheme#683939#4E6539#3A6B66#4A3B6A#A95F5C
- Hot Chocolate Monochromatic Color Scheme#130D0D#351E1C#683939#995555#B38081
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 Hot Chocolate?
In a split-complementary scheme: Plantain Green (#356554), Inked (#3B5066), Black Kite (#351E1C), Fake Fern (#529875).
What is the hex code of Hot Chocolate?
#683939.