Palette · 3 colors · Lc 9.4
Pure Clover Beacon palette
Pure Clover Beacon: a 3-color palette (Green, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #051105, #008D00, #E4F7DA, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 3 Colors
bg
#051105
accent
#008D00
text
#E4F7DA
Colors in Pure Clover Beacon: HEX, RGB, HSL & OKLCH
- #051105 color page →
bg
#051105
- RGB
- rgb(5 17 5)
- HSL
- hsl(120 55% 4%)
- OKLCH
- oklch(0.161 0.032 143.9)
WCAG contrast: on white 19.28:1 (AAA) · on black 1.08:1 (Fail)
- #008D00 color page →
accent
#008D00
- RGB
- rgb(0 141 0)
- HSL
- hsl(120 100% 28%)
- OKLCH
- oklch(0.557 0.19 142.5)
WCAG contrast: on white 4.36:1 (Fail) · on black 4.80:1 (AA)
- #E4F7DA color page →
text
#E4F7DA
- RGB
- rgb(228 247 218)
- HSL
- hsl(99 64% 91%)
- OKLCH
- oklch(0.954 0.043 134.7)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.61:1 (AAA)
Export Pure Clover Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #051105;
--accent: #008d00;
--text: #e4f7da;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #051105;
--color-accent: #008d00;
--color-text: #e4f7da;
}JSON (DTCG tokens)
{
"pure-clover-beacon-1vh": {
"bg": {
"$type": "color",
"$value": "#051105"
},
"accent": {
"$type": "color",
"$value": "#008d00"
},
"text": {
"$type": "color",
"$value": "#e4f7da"
}
}
}About this palette
Pure Clover Beacon is a 3-color OKLCH-ready palette tagged green, monochromatic, 3 colors. Hex values: #051105, #008D00, #E4F7DA. APCA contrast score Lc 9.4. 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 Clover Beacon by OKLab color distance.