Named color · #94E089
VIC 20 Green
VIC 20 Green is #94E089: rgb(148 224 137), hsl(112 58% 71%), oklch(0.836 0.14 141.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · VIC 20 Green color name →
#94E089
oklch(0.836 0.14 141.3)
Color conversions
- HEX
- #94e089
- RGB
- rgb(148 224 137)
- HSL
- hsl(112 58% 71%)
- HWB
- hwb(112 54% 12%)
- OKLCH
- oklch(0.836 0.14 141.3)
- OKLab
- oklab(0.836 -0.109 0.087)
- CIE Lab
- lab(82.67 -36.89 34.88)
- LCH
- lch(82.67 50.77 136.6)
- CMYK
- cmyk(34% 0% 39% 12%)
Tints · Shades · Tones
Tints
- 9FE395
- AAE7A1
- B5EAAD
- C0EDB9
- CBF0C5
- D5F3D1
- E0F6DC
- EAF9E8
- F5FCF3
Shades
- 80C376
- 6DA664
- 5A8A53
- 487042
- 365631
- 263E22
- 162714
- 081207
- 010201
Tones
- 93D689
- 91CC89
- 90C388
- 8EB987
- 8CAF86
- 8AA685
- 889C84
- 859383
- 838982
Color harmonies
Complementary +180°
- 94E089
VIC 20 Green
- F2ABFF
≈ Pink Sugar
Analogous -30° +30°
- 94E089
VIC 20 Green
- CDD25D
≈ Energised
- 50E6BE
≈ Aphrodite Aqua
Triadic +120° +240°
- 94E089
VIC 20 Green
- ACCAFF
≈ Night Snow
- FFB2B0
≈ Wildflower Bouquet
Split-complementary +150° +210°
- 94E089
VIC 20 Green
- C9C0FF
≈ Lavender Tonic
- FFADD1
≈ Spaghetti Strap Pink
Tetradic +90° +180° +270°
- 94E089
VIC 20 Green
- 82D5FF
≈ Kul Sharif Blue
- F2ABFF
≈ Pink Sugar
- FFB68C
≈ Coral Dusk
Contrast & accessibility
Ag
FailOn white
WCAG 1.58:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.28:1 · APCA Lc 77
Best text color: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--vic-20-green: #94e089;
--vic-20-green-rgb: 148 224 137;
--vic-20-green-oklch: oklch(0.836 0.14 141.3);
}
.element {
color: var(--vic-20-green);
background-color: hsl(112 58% 71%);
border-color: oklch(0.836 0.14 141.3);
}Tailwind CSS v4
@theme {
--color-vic-20-green: #94e089;
--color-vic-20-green-50: #deffdc;
--color-vic-20-green-100: #cdf5ca;
--color-vic-20-green-200: #b1e4ae;
--color-vic-20-green-300: #8bca88;
--color-vic-20-green-400: #6db363;
--color-vic-20-green-500: #499c3e;
--color-vic-20-green-600: #3f8436;
--color-vic-20-green-700: #326a2b;
--color-vic-20-green-800: #264d1b;
--color-vic-20-green-900: #193611;
--color-vic-20-green-950: #0a2104;
}SCSS
$vic-20-green: #94e089;
$vic-20-green-rgb: 148, 224, 137;
$vic-20-green-light: mix(#fff, $vic-20-green, 20%);
$vic-20-green-dark: mix(#000, $vic-20-green, 20%);
.element {
color: $vic-20-green;
box-shadow: 0 0 0 2px rgba($vic-20-green, 0.35);
}