Huebook

Chocolate Fantasies Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Chocolate Fantasies (#5C3612), each snapped to its nearest named color.

#5C3612
#0F5A5E
#150F5B
#1C1208
#1F989B

Color names and codes

NameHEXRGBHSLCMYK
Chocolate Fantasies#5C361292, 54, 1829°, 67%, 22%0, 41, 80, 64
Blue Emerald#0F5A5E15, 90, 94183°, 72%, 21%84, 4, 0, 63
Space Colonisation#150F5B21, 15, 91245°, 72%, 21%77, 84, 0, 64
Crowshead#1C120828, 18, 830°, 56%, 7%0, 36, 71, 89
Ocean Reef#1F989B31, 152, 155181°, 67%, 36%80, 2, 0, 39

Which pairs work for text

Text on backgroundContrastWCAG
Aa #1C1208 on #1F989B5.29:1AA
Aa #150F5B on #1F989B4.81:1AA
Aa #5C3612 on #1F989B3.02:1AA large
Aa #0F5A5E on #1C12082.32:1—
Aa #0F5A5E on #1F989B2.28:1—
Aa #0F5A5E on #150F5B2.11:1—

CSS variables

:root {
  --color-1: #5c3612; /* Chocolate Fantasies */
  --color-2: #0f5a5e; /* Blue Emerald */
  --color-3: #150f5b; /* Space Colonisation */
  --color-4: #1c1208; /* Crowshead */
  --color-5: #1f989b; /* Ocean Reef */
}

Other schemes from Chocolate Fantasies

More Dark Orange split-complementary palettes

Questions

What colors go with Chocolate Fantasies?

In a split-complementary scheme: Blue Emerald (#0F5A5E), Space Colonisation (#150F5B), Crowshead (#1C1208), Ocean Reef (#1F989B).

What is the hex code of Chocolate Fantasies?

#5C3612.