Palette · 3 colors · Lc 8.5
True Warm Purple Lattice palette
True Warm Purple Lattice: a 3-color palette (Red, 3 Colors). HEX, RGB, HSL and OKLCH for #E3F0E3, #8E2C91, #030903, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- 3 Colors
bg
#E3F0E3
accent
#8E2C91
text
#030903
Colors in True Warm Purple Lattice: HEX, RGB, HSL & OKLCH
- #E3F0E3 color page →
bg
#E3F0E3
- RGB
- rgb(227 240 227)
- HSL
- hsl(120 30% 92%)
- OKLCH
- oklch(0.942 0.022 145.4)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.83:1 (AAA)
- #8E2C91 color page →
accent
#8E2C91
- RGB
- rgb(142 44 145)
- HSL
- hsl(298 53% 37%)
- OKLCH
- oklch(0.481 0.178 326.7)
WCAG contrast: on white 7.19:1 (AAA) · on black 2.91:1 (Fail)
- #030903 color page →
text
#030903
- RGB
- rgb(3 9 3)
- HSL
- hsl(120 50% 2%)
- OKLCH
- oklch(0.128 0.023 144.1)
WCAG contrast: on white 20.10:1 (AAA) · on black 1.04:1 (Fail)
Export True Warm Purple Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f0e3;
--accent: #8e2c91;
--text: #030903;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f0e3;
--color-accent: #8e2c91;
--color-text: #030903;
}JSON (DTCG tokens)
{
"true-warm-purple-lattice-u2": {
"bg": {
"$type": "color",
"$value": "#e3f0e3"
},
"accent": {
"$type": "color",
"$value": "#8e2c91"
},
"text": {
"$type": "color",
"$value": "#030903"
}
}
}About this palette
True Warm Purple Lattice is a 3-color OKLCH-ready palette tagged red, 3 colors. Hex values: #E3F0E3, #8E2C91, #030903. APCA contrast score Lc 8.5. 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 True Warm Purple Lattice by OKLab color distance.