Hot Fudge Complementary Color Scheme
Five colors arranged by the complementary rule around Hot Fudge (#5E2912), each snapped to its nearest named color.
#5E2912
#A64826
#0F445C
#0E191C
#2E85B1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Fudge | #5E2912 | 94, 41, 18 | 18°, 68%, 22% | 0, 56, 81, 63 | |
| Potter’s Clay | #A64826 | 166, 72, 38 | 16°, 63%, 40% | 0, 57, 77, 35 | |
| Sailor Blue | #0F445C | 15, 68, 92 | 199°, 72%, 21% | 84, 26, 0, 64 | |
| Black Stallion | #0E191C | 14, 25, 28 | 193°, 33%, 8% | 50, 11, 0, 89 | |
| Blue Splash | #2E85B1 | 46, 133, 177 | 200°, 59%, 44% | 74, 25, 0, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0E191C on #2E85B1 | 4.35:1 | AA large |
| Aa #A64826 on #0E191C | 3.05:1 | AA large |
| Aa #5E2912 on #2E85B1 | 2.83:1 | — |
| Aa #0F445C on #2E85B1 | 2.55:1 | — |
| Aa #5E2912 on #A64826 | 1.98:1 | — |
| Aa #A64826 on #0F445C | 1.79:1 | — |
CSS variables
:root {
--color-1: #5e2912; /* Hot Fudge */
--color-2: #a64826; /* Potter’s Clay */
--color-3: #0f445c; /* Sailor Blue */
--color-4: #0e191c; /* Black Stallion */
--color-5: #2e85b1; /* Blue Splash */
}Other schemes from Hot Fudge
- Hot Fudge Analogous Color Scheme#5D1451#4C1C24#5E2912#544E03#4B5D16
- Hot Fudge Triadic Color Scheme#5E2912#165B31#2D135F#B44F22#0F180A
- Hot Fudge Split-complementary Color Scheme#5E2912#135952#112358#1C1208#129C8B
- Hot Fudge Tetradic Color Scheme#5E2912#225511#0F445C#551155#B44F22
- Hot Fudge Monochromatic Color Scheme#130A06#1C1208#5E2912#99451F#D86130
More Dark Orange complementary palettes
- Afternoon Coffee Complementary Color Scheme#6E544B#AB7A71#496A76#283C44#739DAD
- Aged Antics Complementary Color Scheme#886B2E#C69B4E#324A8B#1D2951#5D76CB
- Ancient Chest Complementary Color Scheme#99522B#CD7E4D#277594#1A4A5A#59A6CF
- Antique Brass Complementary Color Scheme#6C461F#B87333#1E446E#0E1D32#3778BF
- Autumn Gold Complementary Color Scheme#7D623C#B49161#3A5779#263145#668DB7
- Avocado Stone Complementary Color Scheme#4E3E1F#8E6C39#1B3053#0B0F1A#3C5E95
- Baby Bear Complementary Color Scheme#6F5944#A3876A#435A6F#243640#6B8CA9
- Batch Brew Complementary Color Scheme#45392F#82634E#2D3A49#0F1519#557088
- Bigfoot Complementary Color Scheme#715145#A27D66#406374#283C44#719DA8
- Bison Complementary Color Scheme#6E4F3A#A67B5B#3E586E#21303E#658FAA
- Black Power Complementary Color Scheme#654B37#A17858#3B5066#1B2632#5984A8
- Bloodhound Complementary Color Scheme#BB5511#EB8239#0777BC#094C73#46ADF9
Questions
What colors go with Hot Fudge?
In a complementary scheme: Potter’s Clay (#A64826), Sailor Blue (#0F445C), Black Stallion (#0E191C), Blue Splash (#2E85B1).
What is the hex code of Hot Fudge?
#5E2912.