Palette · 3 colors · Lc 9.2
Clear Cream Puff Ribbon palette
Clear Cream Puff Ribbon: a 3-color palette (Trending, Yellow, Gray, Warm). HEX, RGB, HSL and OKLCH for #FCF3F3, #F6BA9D, #44292A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCF3F3
accent
#F6BA9D
text
#44292A
Colors in Clear Cream Puff Ribbon: HEX, RGB, HSL & OKLCH
- #FCF3F3 color page →
bg
#FCF3F3
- RGB
- rgb(252 243 243)
- HSL
- hsl(0 60% 97%)
- OKLCH
- oklch(0.971 0.01 17.3)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.25:1 (AAA)
- #F6BA9D color page →
accent
#F6BA9D
- RGB
- rgb(246 186 157)
- HSL
- hsl(20 83% 79%)
- OKLCH
- oklch(0.837 0.08 46.9)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.42:1 (AAA)
- #44292A color page →
text
#44292A
- RGB
- rgb(68 41 42)
- HSL
- hsl(358 25% 21%)
- OKLCH
- oklch(0.315 0.041 17.2)
WCAG contrast: on white 13.15:1 (AAA) · on black 1.59:1 (Fail)
Export Clear Cream Puff Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcf3f3;
--accent: #f6ba9d;
--text: #44292a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcf3f3;
--color-accent: #f6ba9d;
--color-text: #44292a;
}JSON (DTCG tokens)
{
"clear-cream-puff-ribbon-620": {
"bg": {
"$type": "color",
"$value": "#fcf3f3"
},
"accent": {
"$type": "color",
"$value": "#f6ba9d"
},
"text": {
"$type": "color",
"$value": "#44292a"
}
}
}About this palette
Clear Cream Puff Ribbon is a 3-color OKLCH-ready palette tagged trending, yellow, gray, warm, pastel, 3 colors. Hex values: #FCF3F3, #F6BA9D, #44292A. 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 Clear Cream Puff Ribbon by OKLab color distance.