Palette · 5 colors · Lc 9.1
Grape Riot Noir palette
Grape Riot Noir: a 5-color palette (Red, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FBE1F6, #EB94D1, #A5478C, #5E0941, #13050D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBE1F6
surface
#EB94D1
primary
#A5478C
accent
#5E0941
text
#13050D
Colors in Grape Riot Noir: HEX, RGB, HSL & OKLCH
- #FBE1F6 color page →
bg
#FBE1F6
- RGB
- rgb(251 225 246)
- HSL
- hsl(312 76% 93%)
- OKLCH
- oklch(0.937 0.039 332.3)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.20:1 (AAA)
- #EB94D1 color page →
surface
#EB94D1
- RGB
- rgb(235 148 209)
- HSL
- hsl(318 69% 75%)
- OKLCH
- oklch(0.774 0.129 338.7)
WCAG contrast: on white 2.16:1 (Fail) · on black 9.68:1 (AAA)
- #A5478C color page →
primary
#A5478C
- RGB
- rgb(165 71 140)
- HSL
- hsl(316 40% 46%)
- OKLCH
- oklch(0.544 0.149 339)
WCAG contrast: on white 5.41:1 (AA) · on black 3.87:1 (Fail)
- #5E0941 color page →
accent
#5E0941
- RGB
- rgb(94 9 65)
- HSL
- hsl(320 83% 20%)
- OKLCH
- oklch(0.326 0.128 346.8)
WCAG contrast: on white 13.19:1 (AAA) · on black 1.59:1 (Fail)
- #13050D color page →
text
#13050D
- RGB
- rgb(19 5 13)
- HSL
- hsl(326 58% 5%)
- OKLCH
- oklch(0.144 0.032 344.8)
WCAG contrast: on white 19.90:1 (AAA) · on black 1.05:1 (Fail)
Export Grape Riot Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbe1f6;
--surface: #eb94d1;
--primary: #a5478c;
--accent: #5e0941;
--text: #13050d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbe1f6;
--color-surface: #eb94d1;
--color-primary: #a5478c;
--color-accent: #5e0941;
--color-text: #13050d;
}JSON (DTCG tokens)
{
"grape-riot-noir-3vr": {
"bg": {
"$type": "color",
"$value": "#fbe1f6"
},
"surface": {
"$type": "color",
"$value": "#eb94d1"
},
"primary": {
"$type": "color",
"$value": "#a5478c"
},
"accent": {
"$type": "color",
"$value": "#5e0941"
},
"text": {
"$type": "color",
"$value": "#13050d"
}
}
}About this palette
Grape Riot Noir is a 5-color OKLCH-ready palette tagged red, warm, 5 colors. Hex values: #FBE1F6, #EB94D1, #A5478C, #5E0941, #13050D. 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 Grape Riot Noir by OKLab color distance.