Named color · #11BB33
Green Goblin
Green Goblin is #11BB33: rgb(17 187 51), hsl(132 83% 40%), oklch(0.689 0.215 144.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Green Goblin color name →
#11BB33
oklch(0.689 0.215 144.6)
Color conversions
- HEX
- #11bb33
- RGB
- rgb(17 187 51)
- HSL
- hsl(132 83% 40%)
- HWB
- hwb(132 7% 27%)
- OKLCH
- oklch(0.689 0.215 144.6)
- OKLab
- oklab(0.689 -0.175 0.124)
- CIE Lab
- lab(66.48 -60.26 53.52)
- LCH
- lch(66.48 80.59 138.4)
- CMYK
- cmyk(91% 0% 73% 27%)
Tints · Shades · Tones
Tints
- 42C34E
- 5ECA64
- 76D179
- 8BD88D
- A0DFA0
- B3E6B3
- C7ECC6
- DAF3D9
- ECF9EC
Shades
- 0DA22B
- 098A23
- 06731C
- 045C14
- 02460D
- 013207
- 001F03
- 000D01
- 000200
Tones
- 31B540
- 42B04B
- 4FAA54
- 59A55C
- 629F63
- 6A996A
- 709370
- 768D76
- 7B867B
Color harmonies
Complementary +180°
- 11BB33
Green Goblin
- DA61E3
≈ Clematis Magenta
Analogous -30° +30°
- 11BB33
Green Goblin
- 9AA500
≈ Fistfull of Green
- 00B596
≈ Aloha
Triadic +120° +240°
- 11BB33
Green Goblin
- 6896FF
≈ Blue Chaos
- FF5B59
≈ Grapefruit
Split-complementary +150° +210°
- 11BB33
Green Goblin
- A57FFF
≈ Purple Illusionist
- FA52A3
≈ Pinkella
Tetradic +90° +180° +270°
- 11BB33
Green Goblin
- 00A8E7
≈ Huelveño Horizon
- DA61E3
≈ Clematis Magenta
- E97800
≈ Pumpkin Cat
Contrast & accessibility
Ag
FailOn white
WCAG 2.56:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.17:1 · APCA Lc 52
Best text color: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
Code snippets
CSS
:root {
--green-goblin: #11bb33;
--green-goblin-rgb: 17 187 51;
--green-goblin-oklch: oklch(0.689 0.215 144.6);
}
.element {
color: var(--green-goblin);
background-color: hsl(132 83% 40%);
border-color: oklch(0.689 0.215 144.6);
}Tailwind CSS v4
@theme {
--color-green-goblin: #11bb33;
--color-green-goblin-50: #cdffd1;
--color-green-goblin-100: #b8fcbe;
--color-green-goblin-200: #94ed9d;
--color-green-goblin-300: #61d472;
--color-green-goblin-400: #2dbd3f;
--color-green-goblin-500: #00a700;
--color-green-goblin-600: #008d00;
--color-green-goblin-700: #007100;
--color-green-goblin-800: #005300;
--color-green-goblin-900: #003a00;
--color-green-goblin-950: #002400;
}SCSS
$green-goblin: #11bb33;
$green-goblin-rgb: 17, 187, 51;
$green-goblin-light: mix(#fff, $green-goblin, 20%);
$green-goblin-dark: mix(#000, $green-goblin, 20%);
.element {
color: $green-goblin;
box-shadow: 0 0 0 2px rgba($green-goblin, 0.35);
}