Palette · 3 colors · Lc 8.7
Chubby Kiss Ember palette
Chubby Kiss Ember: a 3-color palette (Orange, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #FFE1EC, #B83048, #170606, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE1EC
accent
#B83048
text
#170606
Colors in Chubby Kiss Ember: HEX, RGB, HSL & OKLCH
- #FFE1EC color page →
bg
#FFE1EC
- RGB
- rgb(255 225 236)
- HSL
- hsl(338 100% 94%)
- OKLCH
- oklch(0.937 0.036 353.6)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.23:1 (AAA)
- #B83048 color page →
accent
#B83048
- RGB
- rgb(184 48 72)
- HSL
- hsl(349 59% 45%)
- OKLCH
- oklch(0.525 0.172 15.7)
WCAG contrast: on white 5.90:1 (AA) · on black 3.55:1 (Fail)
- #170606 color page →
text
#170606
- RGB
- rgb(23 6 6)
- HSL
- hsl(0 59% 6%)
- OKLCH
- oklch(0.152 0.032 21.6)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
Export Chubby Kiss Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe1ec;
--accent: #b83048;
--text: #170606;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe1ec;
--color-accent: #b83048;
--color-text: #170606;
}JSON (DTCG tokens)
{
"chubby-kiss-ember-4ku": {
"bg": {
"$type": "color",
"$value": "#ffe1ec"
},
"accent": {
"$type": "color",
"$value": "#b83048"
},
"text": {
"$type": "color",
"$value": "#170606"
}
}
}About this palette
Chubby Kiss Ember is a 3-color OKLCH-ready palette tagged orange, warm, 3 colors. Hex values: #FFE1EC, #B83048, #170606. APCA contrast score Lc 8.7. 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 Chubby Kiss Ember by OKLab color distance.