Palette · 3 colors · Lc 8.7
Steady Fine Pine Prism palette
Steady Fine Pine Prism: a 3-color palette (Green, 3 Colors). HEX, RGB, HSL and OKLCH for #DEF3D6, #138900, #061A05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 3 Colors
bg
#DEF3D6
accent
#138900
text
#061A05
Colors in Steady Fine Pine Prism: HEX, RGB, HSL & OKLCH
- #DEF3D6 color page →
bg
#DEF3D6
- RGB
- rgb(222 243 214)
- HSL
- hsl(103 55% 90%)
- OKLCH
- oklch(0.941 0.044 137)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.89:1 (AAA)
- #138900 color page →
accent
#138900
- RGB
- rgb(19 137 0)
- HSL
- hsl(112 100% 27%)
- OKLCH
- oklch(0.548 0.183 141.7)
WCAG contrast: on white 4.55:1 (AA) · on black 4.60:1 (AA)
- #061A05 color page →
text
#061A05
- RGB
- rgb(6 26 5)
- HSL
- hsl(117 68% 6%)
- OKLCH
- oklch(0.194 0.049 142.3)
WCAG contrast: on white 18.13:1 (AAA) · on black 1.15:1 (Fail)
Export Steady Fine Pine Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #def3d6;
--accent: #138900;
--text: #061a05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #def3d6;
--color-accent: #138900;
--color-text: #061a05;
}JSON (DTCG tokens)
{
"steady-fine-pine-prism-465": {
"bg": {
"$type": "color",
"$value": "#def3d6"
},
"accent": {
"$type": "color",
"$value": "#138900"
},
"text": {
"$type": "color",
"$value": "#061a05"
}
}
}About this palette
Steady Fine Pine Prism is a 3-color OKLCH-ready palette tagged green, 3 colors. Hex values: #DEF3D6, #138900, #061A05. 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 Steady Fine Pine Prism by OKLab color distance.