Huebook

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

NameHEXRGBHSLCMYK
Hot Fudge#5E291294, 41, 1818°, 68%, 22%0, 56, 81, 63
Potter’s Clay#A64826166, 72, 3816°, 63%, 40%0, 57, 77, 35
Sailor Blue#0F445C15, 68, 92199°, 72%, 21%84, 26, 0, 64
Black Stallion#0E191C14, 25, 28193°, 33%, 8%50, 11, 0, 89
Blue Splash#2E85B146, 133, 177200°, 59%, 44%74, 25, 0, 31

Which pairs work for text

Text on backgroundContrastWCAG
Aa #0E191C on #2E85B14.35:1AA large
Aa #A64826 on #0E191C3.05:1AA large
Aa #5E2912 on #2E85B12.83:1—
Aa #0F445C on #2E85B12.55:1—
Aa #5E2912 on #A648261.98:1—
Aa #A64826 on #0F445C1.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

More Dark Orange complementary palettes

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.