Huebook

Escalope Triadic Color Scheme

Five colors arranged by the triadic rule around Escalope (#CC8866), each snapped to its nearest named color.

#CC8866
#65CE95
#9966CC
#E7C2B4
#35AD6B

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Escalope#CC8866204, 136, 10220°, 50%, 60%0, 33, 50, 2068.8% 0.096 47
Van Gogh Green#65CE95101, 206, 149147°, 52%, 60%51, 0, 28, 1977.4% 0.129 158
Amethyst#9966CC153, 102, 204270°, 50%, 60%25, 50, 0, 2060.8% 0.156 305
Antoinette Pink#E7C2B4231, 194, 18016°, 52%, 81%0, 16, 22, 984.2% 0.047 42
Seaweed Green#35AD6B53, 173, 107147°, 53%, 44%69, 0, 38, 3266.5% 0.144 155

Which pairs work for text

Text on backgroundContrastWCAG
Aa #9966CC on #E7C2B42.49:1—
Aa #65CE95 on #9966CC2.11:1—
Aa #CC8866 on #E7C2B41.75:1—
Aa #E7C2B4 on #35AD6B1.74:1—
Aa #CC8866 on #65CE951.49:1—
Aa #65CE95 on #35AD6B1.47:1—

CSS variables

:root {
  --color-1: #cc8866; /* Escalope */
  --color-2: #65ce95; /* Van Gogh Green */
  --color-3: #9966cc; /* Amethyst */
  --color-4: #e7c2b4; /* Antoinette Pink */
  --color-5: #35ad6b; /* Seaweed Green */
}

Other schemes from Escalope

More light orange triadic color schemes

Questions

What colors go with Escalope?

In a triadic scheme: Van Gogh Green (#65CE95), Amethyst (#9966CC), Antoinette Pink (#E7C2B4), Seaweed Green (#35AD6B).

What is the hex code of Escalope?

#CC8866.