Palette · 3 colors · Lc 8.2
Chubby Kiss Studio palette
Chubby Kiss Studio: a 3-color palette (Orange, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #FFE3E5, #AE3A49, #2F1418, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE3E5
accent
#AE3A49
text
#2F1418
Colors in Chubby Kiss Studio: HEX, RGB, HSL & OKLCH
- #FFE3E5 color page →
bg
#FFE3E5
- RGB
- rgb(255 227 229)
- HSL
- hsl(356 100% 95%)
- OKLCH
- oklch(0.939 0.031 12.8)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.37:1 (AAA)
- #AE3A49 color page →
accent
#AE3A49
- RGB
- rgb(174 58 73)
- HSL
- hsl(352 50% 45%)
- OKLCH
- oklch(0.519 0.151 16.6)
WCAG contrast: on white 5.99:1 (AA) · on black 3.50:1 (Fail)
- #2F1418 color page →
text
#2F1418
- RGB
- rgb(47 20 24)
- HSL
- hsl(351 40% 13%)
- OKLCH
- oklch(0.233 0.044 11.7)
WCAG contrast: on white 17.01:1 (AAA) · on black 1.23:1 (Fail)
Export Chubby Kiss Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe3e5;
--accent: #ae3a49;
--text: #2f1418;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe3e5;
--color-accent: #ae3a49;
--color-text: #2f1418;
}JSON (DTCG tokens)
{
"chubby-kiss-studio-1k": {
"bg": {
"$type": "color",
"$value": "#ffe3e5"
},
"accent": {
"$type": "color",
"$value": "#ae3a49"
},
"text": {
"$type": "color",
"$value": "#2f1418"
}
}
}About this palette
Chubby Kiss Studio is a 3-color OKLCH-ready palette tagged orange, warm, 3 colors. Hex values: #FFE3E5, #AE3A49, #2F1418. APCA contrast score Lc 8.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 Chubby Kiss Studio by OKLab color distance.