Huebook

Hazelnut Chocolate Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Hazelnut Chocolate (#7B3F00), each snapped to its nearest named color.

#7B3F00
#007A7C
#000077
#2D1403
#00C5CD

Color names and codes

NameHEXRGBHSLCMYK
Hazelnut Chocolate#7B3F00123, 63, 031°, 100%, 24%0, 49, 100, 52
Blue Grass#007A7C0, 122, 124181°, 100%, 24%100, 2, 0, 51
Scotch Blue#0000770, 0, 119240°, 100%, 23%100, 100, 0, 53
Shadow Play#2D140345, 20, 324°, 88%, 9%0, 56, 93, 82
Turquoise Surf#00C5CD0, 197, 205182°, 100%, 40%100, 4, 0, 20

Which pairs work for text

Text on backgroundContrastWCAG
Aa #2D1403 on #00C5CD8.14:1AAA
Aa #000077 on #00C5CD7.79:1AAA
Aa #7B3F00 on #00C5CD3.86:1AA large
Aa #007A7C on #2D14033.36:1AA large
Aa #007A7C on #0000773.22:1AA large
Aa #007A7C on #00C5CD2.42:1—

CSS variables

:root {
  --color-1: #7b3f00; /* Hazelnut Chocolate */
  --color-2: #007a7c; /* Blue Grass */
  --color-3: #000077; /* Scotch Blue */
  --color-4: #2d1403; /* Shadow Play */
  --color-5: #00c5cd; /* Turquoise Surf */
}

Other schemes from Hazelnut Chocolate

More Dark Orange split-complementary palettes

Questions

What colors go with Hazelnut Chocolate?

In a split-complementary scheme: Blue Grass (#007A7C), Scotch Blue (#000077), Shadow Play (#2D1403), Turquoise Surf (#00C5CD).

What is the hex code of Hazelnut Chocolate?

#7B3F00.