Palette · 5 colors · Lc 9.6
Neon Rubylicious Brief palette
Neon Rubylicious Brief: a 5-color palette (Red, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFF1F3, #DC005A, #007B70, #471A28, #17080C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF1F3
surface
#DC005A
primary
#007B70
accent
#471A28
text
#17080C
Colors in Neon Rubylicious Brief: HEX, RGB, HSL & OKLCH
- #FFF1F3 color page →
bg
#FFF1F3
- RGB
- rgb(255 241 243)
- HSL
- hsl(351 100% 97%)
- OKLCH
- oklch(0.97 0.015 7.5)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.12:1 (AAA)
- #DC005A color page →
surface
#DC005A
- RGB
- rgb(220 0 90)
- HSL
- hsl(335 100% 43%)
- OKLCH
- oklch(0.572 0.229 9.4)
WCAG contrast: on white 5.01:1 (AA) · on black 4.19:1 (Fail)
- #007B70 color page →
primary
#007B70
- RGB
- rgb(0 123 112)
- HSL
- hsl(175 100% 24%)
- OKLCH
- oklch(0.524 0.093 184)
WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)
- #471A28 color page →
accent
#471A28
- RGB
- rgb(71 26 40)
- HSL
- hsl(341 46% 19%)
- OKLCH
- oklch(0.291 0.071 3)
WCAG contrast: on white 14.51:1 (AAA) · on black 1.44:1 (Fail)
- #17080C color page →
text
#17080C
- RGB
- rgb(23 8 12)
- HSL
- hsl(344 48% 6%)
- OKLCH
- oklch(0.16 0.028 3.2)
WCAG contrast: on white 19.50:1 (AAA) · on black 1.07:1 (Fail)
Export Neon Rubylicious Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff1f3;
--surface: #dc005a;
--primary: #007b70;
--accent: #471a28;
--text: #17080c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff1f3;
--color-surface: #dc005a;
--color-primary: #007b70;
--color-accent: #471a28;
--color-text: #17080c;
}JSON (DTCG tokens)
{
"neon-rubylicious-brief-1jo": {
"bg": {
"$type": "color",
"$value": "#fff1f3"
},
"surface": {
"$type": "color",
"$value": "#dc005a"
},
"primary": {
"$type": "color",
"$value": "#007b70"
},
"accent": {
"$type": "color",
"$value": "#471a28"
},
"text": {
"$type": "color",
"$value": "#17080c"
}
}
}About this palette
Neon Rubylicious Brief is a 5-color OKLCH-ready palette tagged red, warm, 5 colors. Hex values: #FFF1F3, #DC005A, #007B70, #471A28, #17080C. APCA contrast score Lc 9.6. 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 Neon Rubylicious Brief by OKLab color distance.