Named color · #99CC00
Viric Green
Viric Green is #99CC00: rgb(153 204 0), hsl(75 100% 40%), oklch(0.78 0.198 125.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Viric Green color name →
#99CC00
oklch(0.78 0.198 125.7)
Color conversions
- HEX
- #99cc00
- RGB
- rgb(153 204 0)
- HSL
- hsl(75 100% 40%)
- HWB
- hwb(75 0% 20%)
- OKLCH
- oklch(0.78 0.198 125.7)
- OKLab
- oklab(0.78 -0.115 0.161)
- CIE Lab
- lab(76.3 -34.03 74.26)
- LCH
- lch(76.3 81.69 114.6)
- CMYK
- cmyk(25% 0% 100% 20%)
Tints · Shades · Tones
Tints
- A3D23E
- ADD75C
- B7DD74
- C1E28A
- CBE79F
- D5ECB3
- DFF1C6
- EAF6D9
- F4FAEC
Shades
- 84B100
- 709700
- 5D7E00
- 4A6500
- 384E00
- 273700
- 172200
- 080F00
- 010200
Tones
- 96C52D
- 94BD40
- 91B64D
- 8FAE58
- 8CA661
- 8A9F69
- 879770
- 859076
- 82887B
Color harmonies
Complementary +180°
- 99CC00
Viric Green
- CD9FFF
≈ Hydrangea Purple
Analogous -30° +30°
- 99CC00
Viric Green
- D7B500
≈ Lionhead
- 00DA81
≈ Shivering Green
Triadic +120° +240°
- 99CC00
Viric Green
- 73BFFF
≈ Green Darner Tail
- FF91AB
≈ Baker-Miller Pink
Split-complementary +150° +210°
- 99CC00
Viric Green
- A3B1FF
≈ Wondrous Wisteria
- FF83E5
≈ Splash of Grenadine
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.91:1 · APCA Lc 36
Ag
AAAOn black
WCAG 10.99:1 · APCA Lc 66
Best text color: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--viric-green: #99cc00;
--viric-green-rgb: 153 204 0;
--viric-green-oklch: oklch(0.78 0.198 125.7);
}
.element {
color: var(--viric-green);
background-color: hsl(75 100% 40%);
border-color: oklch(0.78 0.198 125.7);
}Tailwind CSS v4
@theme {
--color-viric-green: #99cc00;
--color-viric-green-50: #e5ffc4;
--color-viric-green-100: #d5f5ad;
--color-viric-green-200: #bce486;
--color-viric-green-300: #9bca51;
--color-viric-green-400: #82b100;
--color-viric-green-500: #679a00;
--color-viric-green-600: #578200;
--color-viric-green-700: #456800;
--color-viric-green-800: #354c00;
--color-viric-green-900: #243500;
--color-viric-green-950: #132000;
}SCSS
$viric-green: #99cc00;
$viric-green-rgb: 153, 204, 0;
$viric-green-light: mix(#fff, $viric-green, 20%);
$viric-green-dark: mix(#000, $viric-green, 20%);
.element {
color: $viric-green;
box-shadow: 0 0 0 2px rgba($viric-green, 0.35);
}