Palette · 9 colors · Lc 8.3
Steady Hulk Grove palette
Steady Hulk Grove: a 9-color palette (Green, 9 Colors). HEX, RGB, HSL and OKLCH for #E3E6DF, #BCD192, #A9BC50, #7DA417, #588F00, #0E7D00, #006100, #133700, #0D1F00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 9 Colors
bg
#E3E6DF
surface
#BCD192
muted
#A9BC50
primary
#7DA417
secondary
#588F00
accent
#0E7D00
highlight
#006100
border
#133700
text
#0D1F00
Colors in Steady Hulk Grove: HEX, RGB, HSL & OKLCH
- #E3E6DF color page →
bg
#E3E6DF
- RGB
- rgb(227 230 223)
- HSL
- hsl(86 12% 89%)
- OKLCH
- oklch(0.921 0.01 125.7)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.65:1 (AAA)
- #BCD192 color page →
surface
#BCD192
- RGB
- rgb(188 209 146)
- HSL
- hsl(80 41% 70%)
- OKLCH
- oklch(0.829 0.087 123.3)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.67:1 (AAA)
- #A9BC50 color page →
muted
#A9BC50
- RGB
- rgb(169 188 80)
- HSL
- hsl(71 45% 53%)
- OKLCH
- oklch(0.759 0.135 118.1)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.99:1 (AAA)
- #7DA417 color page →
primary
#7DA417
- RGB
- rgb(125 164 23)
- HSL
- hsl(77 75% 37%)
- OKLCH
- oklch(0.666 0.161 125.2)
WCAG contrast: on white 2.91:1 (Fail) · on black 7.19:1 (AAA)
- #588F00 color page →
secondary
#588F00
- RGB
- rgb(88 143 0)
- HSL
- hsl(83 100% 28%)
- OKLCH
- oklch(0.589 0.162 131.4)
WCAG contrast: on white 3.92:1 (Fail) · on black 5.34:1 (AA)
- #0E7D00 color page →
accent
#0E7D00
- RGB
- rgb(14 125 0)
- HSL
- hsl(113 100% 25%)
- OKLCH
- oklch(0.512 0.172 141.9)
WCAG contrast: on white 5.31:1 (AA) · on black 3.95:1 (Fail)
- #006100 color page →
highlight
#006100
- RGB
- rgb(0 97 0)
- HSL
- hsl(120 100% 19%)
- OKLCH
- oklch(0.427 0.145 142.5)
WCAG contrast: on white 7.74:1 (AAA) · on black 2.70:1 (Fail)
- #133700 color page →
border
#133700
- RGB
- rgb(19 55 0)
- HSL
- hsl(99 100% 11%)
- OKLCH
- oklch(0.298 0.091 137.3)
WCAG contrast: on white 13.34:1 (AAA) · on black 1.57:1 (Fail)
- #0D1F00 color page →
text
#0D1F00
- RGB
- rgb(13 31 0)
- HSL
- hsl(95 100% 6%)
- OKLCH
- oklch(0.215 0.061 133.4)
WCAG contrast: on white 17.31:1 (AAA) · on black 1.21:1 (Fail)
Export Steady Hulk Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3e6df;
--surface: #bcd192;
--muted: #a9bc50;
--primary: #7da417;
--secondary: #588f00;
--accent: #0e7d00;
--highlight: #006100;
--border: #133700;
--text: #0d1f00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3e6df;
--color-surface: #bcd192;
--color-muted: #a9bc50;
--color-primary: #7da417;
--color-secondary: #588f00;
--color-accent: #0e7d00;
--color-highlight: #006100;
--color-border: #133700;
--color-text: #0d1f00;
}JSON (DTCG tokens)
{
"steady-hulk-grove-4z": {
"bg": {
"$type": "color",
"$value": "#e3e6df"
},
"surface": {
"$type": "color",
"$value": "#bcd192"
},
"muted": {
"$type": "color",
"$value": "#a9bc50"
},
"primary": {
"$type": "color",
"$value": "#7da417"
},
"secondary": {
"$type": "color",
"$value": "#588f00"
},
"accent": {
"$type": "color",
"$value": "#0e7d00"
},
"highlight": {
"$type": "color",
"$value": "#006100"
},
"border": {
"$type": "color",
"$value": "#133700"
},
"text": {
"$type": "color",
"$value": "#0d1f00"
}
}
}About this palette
Steady Hulk Grove is a 9-color OKLCH-ready palette tagged green, 9 colors. Hex values: #E3E6DF, #BCD192, #A9BC50, #7DA417, #588F00, #0E7D00, #006100, #133700, #0D1F00. APCA contrast score Lc 8.3. 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 Hulk Grove by OKLab color distance.