Hot Chocolate Complementary Color Scheme
Five colors arranged by the complementary rule around Hot Chocolate (#683939), each snapped to its nearest named color.
#683939
#A55A55
#3A6B66
#1F3636
#55AAAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Chocolate | #683939 | 104, 57, 57 | 0°, 29%, 32% | 0, 45, 45, 59 | |
| Cheek Red | #A55A55 | 165, 90, 85 | 4°, 32%, 49% | 0, 45, 48, 35 | |
| Betta Fish | #3A6B66 | 58, 107, 102 | 174°, 30%, 32% | 46, 0, 5, 58 | |
| Fait Accompli | #1F3636 | 31, 54, 54 | 180°, 27%, 17% | 43, 0, 0, 79 | |
| Emerald Succulent | #55AAAA | 85, 170, 170 | 180°, 33%, 50% | 50, 0, 0, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1F3636 on #55AAAA | 4.71:1 | AA |
| Aa #683939 on #55AAAA | 3.46:1 | AA large |
| Aa #A55A55 on #1F3636 | 2.56:1 | — |
| Aa #3A6B66 on #55AAAA | 2.22:1 | — |
| Aa #3A6B66 on #1F3636 | 2.12:1 | — |
| Aa #683939 on #A55A55 | 1.88:1 | — |
CSS variables
:root {
--color-1: #683939; /* Hot Chocolate */
--color-2: #a55a55; /* Cheek Red */
--color-3: #3a6b66; /* Betta Fish */
--color-4: #1f3636; /* Fait Accompli */
--color-5: #55aaaa; /* Emerald Succulent */
}Other schemes from Hot Chocolate
- Hot Chocolate Analogous Color Scheme#66386A#663854#683939#695239#69673A
- Hot Chocolate Triadic Color Scheme#683939#3C663E#383867#A95F5C#1B2B1B
- Hot Chocolate Split-complementary Color Scheme#683939#356554#3B5066#351E1C#529875
- Hot Chocolate Tetradic Color Scheme#683939#4E6539#3A6B66#4A3B6A#A95F5C
- Hot Chocolate Monochromatic Color Scheme#130D0D#351E1C#683939#995555#B38081
More Dark Red complementary palettes
- Active Volcano Complementary Color Scheme#BB1133#EA3C53#1DB394#0E7C61#45E9C1
- Akai Red Complementary Color Scheme#BC012E#FF1155#00BB88#006D57#32FFDC
- All Systems Red Complementary Color Scheme#B30103#FF1414#01B1AF#006767#16F8FF
- Antique Port Wine Complementary Color Scheme#98211A#DF3F32#1A9597#125459#30D5C8
- Arcane Red Complementary Color Scheme#6A2F2F#A84A49#316C69#193232#4FB3B3
- Barbera Complementary Color Scheme#8B031C#E2062C#008A70#014431#01F9C6
- Barolo Complementary Color Scheme#71000E#CD0317#007062#002222#04D8B2
- Bitter Chocolate Complementary Color Scheme#4F2923#91493E#25464D#0E191C#448899
- Blackened Sun Complementary Color Scheme#77150E#CD2217#067376#043132#1AC1DD
- Bleeding Crimson Complementary Color Scheme#9B1414#E12C2C#159F9B#095859#22EEFF
- Blood Brother Complementary Color Scheme#770011#D1001C#007765#032425#04D8B2
- Blood Oath Complementary Color Scheme#85323C#BE4F62#2F847C#19504C#58C8B6
Questions
What colors go with Hot Chocolate?
In a complementary scheme: Cheek Red (#A55A55), Betta Fish (#3A6B66), Fait Accompli (#1F3636), Emerald Succulent (#55AAAA).
What is the hex code of Hot Chocolate?
#683939.