Huebook

Copperhead Analogous Color Scheme

Five colors arranged by the analogous rule around Copperhead (#D68755), each snapped to its nearest named color.

#DE55A9
#D25762
#D68755
#D5C757
#AACF53

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Orion#DE55A9222, 85, 169323°, 67%, 60%0, 62, 24, 1365.4% 0.192 346
Tandoori Red#D25762210, 87, 98355°, 58%, 58%0, 59, 53, 1861.7% 0.155 17
Copperhead#D68755214, 135, 8523°, 61%, 59%0, 37, 60, 1669.5% 0.117 52
Citron#D5C757213, 199, 8753°, 60%, 59%0, 7, 59, 1682.0% 0.133 102
Young Green Onion#AACF53170, 207, 8378°, 56%, 57%18, 0, 60, 1980.3% 0.156 124

Which pairs work for text

Text on backgroundContrastWCAG
Aa #D25762 on #D5C7572.30:1—
Aa #D25762 on #AACF532.23:1—
Aa #DE55A9 on #D5C7572.03:1—
Aa #DE55A9 on #AACF531.97:1—
Aa #D68755 on #D5C7571.63:1—
Aa #D68755 on #AACF531.58:1—

CSS variables

:root {
  --color-1: #de55a9; /* Orion */
  --color-2: #d25762; /* Tandoori Red */
  --color-3: #d68755; /* Copperhead */
  --color-4: #d5c757; /* Citron */
  --color-5: #aacf53; /* Young Green Onion */
}

Other schemes from Copperhead

More medium orange analogous color schemes

Questions

What colors go with Copperhead?

In a analogous scheme: Orion (#DE55A9), Tandoori Red (#D25762), Citron (#D5C757), Young Green Onion (#AACF53).

What is the hex code of Copperhead?

#D68755.