Palette · 3 colors · Lc 9.1
Rosecco Circuit palette
Rosecco Circuit: a 3-color palette (Red, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FDF4FF, #F3BDE2, #3D3342, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FDF4FF
accent
#F3BDE2
text
#3D3342
Colors in Rosecco Circuit: HEX, RGB, HSL & OKLCH
- #FDF4FF color page →
bg
#FDF4FF
- RGB
- rgb(253 244 255)
- HSL
- hsl(289 100% 98%)
- OKLCH
- oklch(0.977 0.017 320.1)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.56:1 (AAA)
- #F3BDE2 color page →
accent
#F3BDE2
- RGB
- rgb(243 189 226)
- HSL
- hsl(319 69% 85%)
- OKLCH
- oklch(0.858 0.078 338.2)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.18:1 (AAA)
- #3D3342 color page →
text
#3D3342
- RGB
- rgb(61 51 66)
- HSL
- hsl(280 13% 23%)
- OKLCH
- oklch(0.338 0.029 314.4)
WCAG contrast: on white 11.99:1 (AAA) · on black 1.75:1 (Fail)
Export Rosecco Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fdf4ff;
--accent: #f3bde2;
--text: #3d3342;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fdf4ff;
--color-accent: #f3bde2;
--color-text: #3d3342;
}JSON (DTCG tokens)
{
"rosecco-circuit-1xc": {
"bg": {
"$type": "color",
"$value": "#fdf4ff"
},
"accent": {
"$type": "color",
"$value": "#f3bde2"
},
"text": {
"$type": "color",
"$value": "#3d3342"
}
}
}About this palette
Rosecco Circuit is a 3-color OKLCH-ready palette tagged red, gray, warm, pastel, 3 colors. Hex values: #FDF4FF, #F3BDE2, #3D3342. APCA contrast score Lc 9.1. 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 Rosecco Circuit by OKLab color distance.