Palette · 3 colors · Lc 9.1
Airy Big Spender Ledger palette
Airy Big Spender Ledger: a 3-color palette (Green, Gray, Pastel, 3 Colors). HEX, RGB, HSL and OKLCH for #EEF2E0, #ADDBAC, #323921, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEF2E0
accent
#ADDBAC
text
#323921
Colors in Airy Big Spender Ledger: HEX, RGB, HSL & OKLCH
- #EEF2E0 color page →
bg
#EEF2E0
- RGB
- rgb(238 242 224)
- HSL
- hsl(73 41% 91%)
- OKLCH
- oklch(0.953 0.024 117)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.41:1 (AAA)
- #ADDBAC color page →
accent
#ADDBAC
- RGB
- rgb(173 219 172)
- HSL
- hsl(119 39% 77%)
- OKLCH
- oklch(0.847 0.08 144.3)
WCAG contrast: on white 1.55:1 (Fail) · on black 13.50:1 (AAA)
- #323921 color page →
text
#323921
- RGB
- rgb(50 57 33)
- HSL
- hsl(78 27% 18%)
- OKLCH
- oklch(0.331 0.041 121.9)
WCAG contrast: on white 12.04:1 (AAA) · on black 1.74:1 (Fail)
Export Airy Big Spender Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef2e0;
--accent: #addbac;
--text: #323921;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef2e0;
--color-accent: #addbac;
--color-text: #323921;
}JSON (DTCG tokens)
{
"airy-big-spender-ledger-1bv": {
"bg": {
"$type": "color",
"$value": "#eef2e0"
},
"accent": {
"$type": "color",
"$value": "#addbac"
},
"text": {
"$type": "color",
"$value": "#323921"
}
}
}About this palette
Airy Big Spender Ledger is a 3-color OKLCH-ready palette tagged green, gray, pastel, 3 colors. Hex values: #EEF2E0, #ADDBAC, #323921. APCA contrast score Lc 9.1. 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 Airy Big Spender Ledger by OKLab color distance.