Palette · 3 colors · Lc 10
Pure Green Commando Lattice palette
Pure Green Commando Lattice: a 3-color palette (Green, Gray, UI System, 3 Colors). HEX, RGB, HSL and OKLCH for #F8F9F6, #7C7C2F, #17160D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F9F6
accent
#7C7C2F
text
#17160D
Colors in Pure Green Commando Lattice: HEX, RGB, HSL & OKLCH
- #F8F9F6 color page →
bg
#F8F9F6
- RGB
- rgb(248 249 246)
- HSL
- hsl(80 20% 97%)
- OKLCH
- oklch(0.981 0.004 121.6)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.87:1 (AAA)
- #7C7C2F color page →
accent
#7C7C2F
- RGB
- rgb(124 124 47)
- HSL
- hsl(60 45% 34%)
- OKLCH
- oklch(0.57 0.099 109.2)
WCAG contrast: on white 4.39:1 (Fail) · on black 4.78:1 (AA)
- #17160D color page →
text
#17160D
- RGB
- rgb(23 22 13)
- HSL
- hsl(54 28% 7%)
- OKLCH
- oklch(0.198 0.017 102.5)
WCAG contrast: on white 18.15:1 (AAA) · on black 1.15:1 (Fail)
Export Pure Green Commando Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f9f6;
--accent: #7c7c2f;
--text: #17160d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f9f6;
--color-accent: #7c7c2f;
--color-text: #17160d;
}JSON (DTCG tokens)
{
"pure-green-commando-lattice-41c": {
"bg": {
"$type": "color",
"$value": "#f8f9f6"
},
"accent": {
"$type": "color",
"$value": "#7c7c2f"
},
"text": {
"$type": "color",
"$value": "#17160d"
}
}
}About this palette
Pure Green Commando Lattice is a 3-color OKLCH-ready palette tagged green, gray, ui system, 3 colors. Hex values: #F8F9F6, #7C7C2F, #17160D. APCA contrast score Lc 10. 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 Green Commando Lattice by OKLab color distance.