Palette · 3 colors · Lc 9.9
Pure Candy Cane Noir palette
Pure Candy Cane Noir: a 3-color palette (Red, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FDF6FA, #F5C2C8, #44333F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FDF6FA
accent
#F5C2C8
text
#44333F
Colors in Pure Candy Cane Noir: HEX, RGB, HSL & OKLCH
- #FDF6FA color page →
bg
#FDF6FA
- RGB
- rgb(253 246 250)
- HSL
- hsl(326 64% 98%)
- OKLCH
- oklch(0.98 0.009 341.8)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.73:1 (AAA)
- #F5C2C8 color page →
accent
#F5C2C8
- RGB
- rgb(245 194 200)
- HSL
- hsl(353 72% 86%)
- OKLCH
- oklch(0.861 0.059 10.5)
WCAG contrast: on white 1.56:1 (Fail) · on black 13.43:1 (AAA)
- #44333F color page →
text
#44333F
- RGB
- rgb(68 51 63)
- HSL
- hsl(318 14% 23%)
- OKLCH
- oklch(0.345 0.031 337.2)
WCAG contrast: on white 11.72:1 (AAA) · on black 1.79:1 (Fail)
Export Pure Candy Cane Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fdf6fa;
--accent: #f5c2c8;
--text: #44333f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fdf6fa;
--color-accent: #f5c2c8;
--color-text: #44333f;
}JSON (DTCG tokens)
{
"pure-candy-cane-noir-3zr": {
"bg": {
"$type": "color",
"$value": "#fdf6fa"
},
"accent": {
"$type": "color",
"$value": "#f5c2c8"
},
"text": {
"$type": "color",
"$value": "#44333f"
}
}
}About this palette
Pure Candy Cane Noir is a 3-color OKLCH-ready palette tagged red, gray, warm, pastel, 3 colors. Hex values: #FDF6FA, #F5C2C8, #44333F. APCA contrast score Lc 9.9. 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 Pure Candy Cane Noir by OKLab color distance.