Palette · 10 colors · Lc 9.6
Neon Radiant Raspberry Quartz palette
Neon Radiant Raspberry Quartz: a 10-color palette (Red, Warm, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #FFEDEE, #FFB3B6, #FF8692, #FD5266, #EA145D, #BF0037, #980024, #760020, #4A0010, #140001, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Warm
- Monochromatic
- 10 Colors
bg
#FFEDEE
surface
#FFB3B6
muted
#FF8692
primary
#FD5266
secondary
#EA145D
accent
#BF0037
highlight
#980024
border
#760020
focus
#4A0010
text
#140001
Colors in Neon Radiant Raspberry Quartz: HEX, RGB, HSL & OKLCH
- #FFEDEE color page →
bg
#FFEDEE
- RGB
- rgb(255 237 238)
- HSL
- hsl(357 100% 96%)
- OKLCH
- oklch(0.961 0.02 13.6)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.60:1 (AAA)
- #FFB3B6 color page →
surface
#FFB3B6
- RGB
- rgb(255 179 182)
- HSL
- hsl(358 100% 85%)
- OKLCH
- oklch(0.839 0.089 16.5)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.37:1 (AAA)
- #FF8692 color page →
muted
#FF8692
- RGB
- rgb(255 134 146)
- HSL
- hsl(354 100% 76%)
- OKLCH
- oklch(0.757 0.147 15)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.07:1 (AAA)
- #FD5266 color page →
primary
#FD5266
- RGB
- rgb(253 82 102)
- HSL
- hsl(353 98% 66%)
- OKLCH
- oklch(0.679 0.206 18)
WCAG contrast: on white 3.19:1 (Fail) · on black 6.57:1 (AA)
- #EA145D color page →
secondary
#EA145D
- RGB
- rgb(234 20 93)
- HSL
- hsl(340 84% 50%)
- OKLCH
- oklch(0.603 0.234 11.2)
WCAG contrast: on white 4.41:1 (Fail) · on black 4.75:1 (AA)
- #BF0037 color page →
accent
#BF0037
- RGB
- rgb(191 0 55)
- HSL
- hsl(343 100% 37%)
- OKLCH
- oklch(0.51 0.204 17.7)
WCAG contrast: on white 6.42:1 (AA) · on black 3.27:1 (Fail)
- #980024 color page →
highlight
#980024
- RGB
- rgb(152 0 36)
- HSL
- hsl(346 100% 30%)
- OKLCH
- oklch(0.43 0.173 20.1)
WCAG contrast: on white 8.89:1 (AAA) · on black 2.36:1 (Fail)
- #760020 color page →
border
#760020
- RGB
- rgb(118 0 32)
- HSL
- hsl(344 100% 23%)
- OKLCH
- oklch(0.359 0.144 16.9)
WCAG contrast: on white 11.72:1 (AAA) · on black 1.79:1 (Fail)
- #4A0010 color page →
focus
#4A0010
- RGB
- rgb(74 0 16)
- HSL
- hsl(347 100% 15%)
- OKLCH
- oklch(0.259 0.104 17.4)
WCAG contrast: on white 16.17:1 (AAA) · on black 1.29:1 (Fail)
- #140001 color page →
text
#140001
- RGB
- rgb(20 0 1)
- HSL
- hsl(357 100% 4%)
- OKLCH
- oklch(0.121 0.049 22)
WCAG contrast: on white 20.38:1 (AAA) · on black 1.03:1 (Fail)
Export Neon Radiant Raspberry Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffedee;
--surface: #ffb3b6;
--muted: #ff8692;
--primary: #fd5266;
--secondary: #ea145d;
--accent: #bf0037;
--highlight: #980024;
--border: #760020;
--focus: #4a0010;
--text: #140001;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffedee;
--color-surface: #ffb3b6;
--color-muted: #ff8692;
--color-primary: #fd5266;
--color-secondary: #ea145d;
--color-accent: #bf0037;
--color-highlight: #980024;
--color-border: #760020;
--color-focus: #4a0010;
--color-text: #140001;
}JSON (DTCG tokens)
{
"neon-radiant-raspberry-quartz-7bh": {
"bg": {
"$type": "color",
"$value": "#ffedee"
},
"surface": {
"$type": "color",
"$value": "#ffb3b6"
},
"muted": {
"$type": "color",
"$value": "#ff8692"
},
"primary": {
"$type": "color",
"$value": "#fd5266"
},
"secondary": {
"$type": "color",
"$value": "#ea145d"
},
"accent": {
"$type": "color",
"$value": "#bf0037"
},
"highlight": {
"$type": "color",
"$value": "#980024"
},
"border": {
"$type": "color",
"$value": "#760020"
},
"focus": {
"$type": "color",
"$value": "#4a0010"
},
"text": {
"$type": "color",
"$value": "#140001"
}
}
}About this palette
Neon Radiant Raspberry Quartz is a 10-color OKLCH-ready palette tagged red, warm, monochromatic, 10 colors. Hex values: #FFEDEE, #FFB3B6, #FF8692, #FD5266, #EA145D, #BF0037, #980024, #760020, #4A0010, #140001. 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 Radiant Raspberry Quartz by OKLab color distance.