Palette · 3 colors · Lc 8.2
Classic Copper Hopper Circuit palette
Classic Copper Hopper Circuit: a 3-color palette (Yellow, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #E9E2DA, #B63E00, #1C0F01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9E2DA
accent
#B63E00
text
#1C0F01
Colors in Classic Copper Hopper Circuit: HEX, RGB, HSL & OKLCH
- #E9E2DA color page →
bg
#E9E2DA
- RGB
- rgb(233 226 218)
- HSL
- hsl(32 25% 88%)
- OKLCH
- oklch(0.916 0.013 71.3)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.35:1 (AAA)
- #B63E00 color page →
accent
#B63E00
- RGB
- rgb(182 62 0)
- HSL
- hsl(20 100% 36%)
- OKLCH
- oklch(0.529 0.166 40.1)
WCAG contrast: on white 5.70:1 (AA) · on black 3.67:1 (Fail)
- #1C0F01 color page →
text
#1C0F01
- RGB
- rgb(28 15 1)
- HSL
- hsl(31 93% 6%)
- OKLCH
- oklch(0.183 0.036 71.6)
WCAG contrast: on white 18.78:1 (AAA) · on black 1.11:1 (Fail)
Export Classic Copper Hopper Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9e2da;
--accent: #b63e00;
--text: #1c0f01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9e2da;
--color-accent: #b63e00;
--color-text: #1c0f01;
}JSON (DTCG tokens)
{
"classic-copper-hopper-circuit-6c3": {
"bg": {
"$type": "color",
"$value": "#e9e2da"
},
"accent": {
"$type": "color",
"$value": "#b63e00"
},
"text": {
"$type": "color",
"$value": "#1c0f01"
}
}
}About this palette
Classic Copper Hopper Circuit is a 3-color OKLCH-ready palette tagged yellow, warm, 3 colors. Hex values: #E9E2DA, #B63E00, #1C0F01. APCA contrast score Lc 8.2. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Classic Copper Hopper Circuit by OKLab color distance.