Palette · 3 colors · Lc 9.2
True Angry Ghost Canvas palette
True Angry Ghost Canvas: a 3-color palette (Orange, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FEEAF2, #EEBBBC, #412A35, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FEEAF2
accent
#EEBBBC
text
#412A35
Colors in True Angry Ghost Canvas: HEX, RGB, HSL & OKLCH
- #FEEAF2 color page →
bg
#FEEAF2
- RGB
- rgb(254 234 242)
- HSL
- hsl(336 91% 96%)
- OKLCH
- oklch(0.955 0.024 351.3)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.26:1 (AAA)
- #EEBBBC color page →
accent
#EEBBBC
- RGB
- rgb(238 187 188)
- HSL
- hsl(359 60% 83%)
- OKLCH
- oklch(0.838 0.059 17.1)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.46:1 (AAA)
- #412A35 color page →
text
#412A35
- RGB
- rgb(65 42 53)
- HSL
- hsl(331 21% 21%)
- OKLCH
- oklch(0.317 0.038 349.3)
WCAG contrast: on white 13.06:1 (AAA) · on black 1.60:1 (Fail)
Export True Angry Ghost Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #feeaf2;
--accent: #eebbbc;
--text: #412a35;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #feeaf2;
--color-accent: #eebbbc;
--color-text: #412a35;
}JSON (DTCG tokens)
{
"true-angry-ghost-canvas-5y6": {
"bg": {
"$type": "color",
"$value": "#feeaf2"
},
"accent": {
"$type": "color",
"$value": "#eebbbc"
},
"text": {
"$type": "color",
"$value": "#412a35"
}
}
}About this palette
True Angry Ghost Canvas is a 3-color OKLCH-ready palette tagged orange, gray, warm, pastel, 3 colors. Hex values: #FEEAF2, #EEBBBC, #412A35. APCA contrast score Lc 9.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 True Angry Ghost Canvas by OKLab color distance.