Huebook

Chocolate Covered Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Chocolate Covered (#8B4121), each snapped to its nearest named color.

#8B4121
#20887A
#273287
#552211
#34C2A7

Color names and codes

NameHEXRGBHSLCMYK
Chocolate Covered#8B4121139, 65, 3318°, 62%, 34%0, 53, 76, 45
Palm Springs Splash#20887A32, 136, 122172°, 62%, 33%76, 0, 10, 47
Intergalactic Highway#27328739, 50, 135233°, 55%, 34%71, 63, 0, 47
Peaty Brown#55221185, 34, 1715°, 67%, 20%0, 60, 80, 67
Jade Mountain#34C2A752, 194, 167169°, 58%, 48%73, 0, 14, 24

Which pairs work for text

Text on backgroundContrastWCAG
Aa #552211 on #34C2A75.80:1AA
Aa #273287 on #34C2A74.98:1AA
Aa #8B4121 on #34C2A73.28:1AA large
Aa #20887A on #5522113.00:1—
Aa #20887A on #2732872.57:1—
Aa #20887A on #34C2A71.94:1—

CSS variables

:root {
  --color-1: #8b4121; /* Chocolate Covered */
  --color-2: #20887a; /* Palm Springs Splash */
  --color-3: #273287; /* Intergalactic Highway */
  --color-4: #552211; /* Peaty Brown */
  --color-5: #34c2a7; /* Jade Mountain */
}

Other schemes from Chocolate Covered

More Dark Orange split-complementary palettes

Questions

What colors go with Chocolate Covered?

In a split-complementary scheme: Palm Springs Splash (#20887A), Intergalactic Highway (#273287), Peaty Brown (#552211), Jade Mountain (#34C2A7).

What is the hex code of Chocolate Covered?

#8B4121.