Palette · 5 colors · Lc 9.2
Deeply Embarrassed Ribbon palette
Deeply Embarrassed Ribbon: a 5-color palette (Orange, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FFF5F8, #FFD9E9, #F5B6B9, #D8B8D2, #403136, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF5F8
surface
#FFD9E9
primary
#F5B6B9
accent
#D8B8D2
text
#403136
Colors in Deeply Embarrassed Ribbon: HEX, RGB, HSL & OKLCH
- #FFF5F8 color page →
bg
#FFF5F8
- RGB
- rgb(255 245 248)
- HSL
- hsl(342 100% 98%)
- OKLCH
- oklch(0.979 0.011 357)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.66:1 (AAA)
- #FFD9E9 color page →
surface
#FFD9E9
- RGB
- rgb(255 217 233)
- HSL
- hsl(335 100% 93%)
- OKLCH
- oklch(0.922 0.047 350.8)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.35:1 (AAA)
- #F5B6B9 color page →
primary
#F5B6B9
- RGB
- rgb(245 182 185)
- HSL
- hsl(357 76% 84%)
- OKLCH
- oklch(0.835 0.073 15.6)
WCAG contrast: on white 1.71:1 (Fail) · on black 12.27:1 (AAA)
- #D8B8D2 color page →
accent
#D8B8D2
- RGB
- rgb(216 184 210)
- HSL
- hsl(311 29% 78%)
- OKLCH
- oklch(0.818 0.05 332.4)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.70:1 (AAA)
- #403136 color page →
text
#403136
- RGB
- rgb(64 49 54)
- HSL
- hsl(340 13% 22%)
- OKLCH
- oklch(0.332 0.023 356.5)
WCAG contrast: on white 12.27:1 (AAA) · on black 1.71:1 (Fail)
Export Deeply Embarrassed Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff5f8;
--surface: #ffd9e9;
--primary: #f5b6b9;
--accent: #d8b8d2;
--text: #403136;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff5f8;
--color-surface: #ffd9e9;
--color-primary: #f5b6b9;
--color-accent: #d8b8d2;
--color-text: #403136;
}JSON (DTCG tokens)
{
"deeply-embarrassed-ribbon-63v": {
"bg": {
"$type": "color",
"$value": "#fff5f8"
},
"surface": {
"$type": "color",
"$value": "#ffd9e9"
},
"primary": {
"$type": "color",
"$value": "#f5b6b9"
},
"accent": {
"$type": "color",
"$value": "#d8b8d2"
},
"text": {
"$type": "color",
"$value": "#403136"
}
}
}About this palette
Deeply Embarrassed Ribbon is a 5-color OKLCH-ready palette tagged orange, gray, warm, pastel, 5 colors. Hex values: #FFF5F8, #FFD9E9, #F5B6B9, #D8B8D2, #403136. 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 Deeply Embarrassed Ribbon by OKLab color distance.