Palette · 3 colors · Lc 8.7
Pure Joyous Red Quartz palette
Pure Joyous Red Quartz: a 3-color palette (Orange, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #F9E0D9, #AF2917, #180907, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9E0D9
accent
#AF2917
text
#180907
Colors in Pure Joyous Red Quartz: HEX, RGB, HSL & OKLCH
- #F9E0D9 color page →
bg
#F9E0D9
- RGB
- rgb(249 224 217)
- HSL
- hsl(13 73% 91%)
- OKLCH
- oklch(0.925 0.029 36.2)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.69:1 (AAA)
- #AF2917 color page →
accent
#AF2917
- RGB
- rgb(175 41 23)
- HSL
- hsl(7 77% 39%)
- OKLCH
- oklch(0.496 0.173 31.1)
WCAG contrast: on white 6.66:1 (AA) · on black 3.15:1 (Fail)
- #180907 color page →
text
#180907
- RGB
- rgb(24 9 7)
- HSL
- hsl(7 55% 6%)
- OKLCH
- oklch(0.162 0.027 29.6)
WCAG contrast: on white 19.42:1 (AAA) · on black 1.08:1 (Fail)
Export Pure Joyous Red Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9e0d9;
--accent: #af2917;
--text: #180907;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9e0d9;
--color-accent: #af2917;
--color-text: #180907;
}JSON (DTCG tokens)
{
"pure-joyous-red-quartz-2rh": {
"bg": {
"$type": "color",
"$value": "#f9e0d9"
},
"accent": {
"$type": "color",
"$value": "#af2917"
},
"text": {
"$type": "color",
"$value": "#180907"
}
}
}About this palette
Pure Joyous Red Quartz is a 3-color OKLCH-ready palette tagged orange, warm, 3 colors. Hex values: #F9E0D9, #AF2917, #180907. APCA contrast score Lc 8.7. 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 Pure Joyous Red Quartz by OKLab color distance.