Named color · #C8E0AB
Viridine Green
Viridine Green is #C8E0AB: rgb(200 224 171), hsl(87 46% 77%), oklch(0.876 0.075 127.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Viridine Green color name →
#C8E0AB
oklch(0.876 0.075 127.7)
Color conversions
- HEX
- #c8e0ab
- RGB
- rgb(200 224 171)
- HSL
- hsl(87 46% 77%)
- HWB
- hwb(87 67% 12%)
- OKLCH
- oklch(0.876 0.075 127.7)
- OKLab
- oklab(0.876 -0.046 0.059)
- CIE Lab
- lab(86.38 -15.11 23.27)
- LCH
- lch(86.38 27.75 123)
- CMYK
- cmyk(11% 0% 24% 12%)
Tints · Shades · Tones
Tints
- CDE3B3
- D3E6BC
- D8E9C4
- DEEDCD
- E3F0D5
- E9F3DE
- EEF6E6
- F4F9EE
- F9FCF7
Shades
- AEC394
- 94A67E
- 7B8A68
- 637054
- 4C5640
- 363E2D
- 21271B
- 0F120B
- 020201
Tones
- C1D6A7
- B9CCA3
- B2C29E
- ABB99A
- A3AF96
- 9CA592
- 959C8D
- 8E9389
- 878984
Color harmonies
Complementary +180°
- C8E0AB
Viridine Green
- E3C9FD
≈ Foggy Heath
Analogous -30° +30°
- C8E0AB
Viridine Green
- E3D79E
≈ Russet Green
- ADE6C3
≈ Glaucous Green
Triadic +120° +240°
- C8E0AB
Viridine Green
- B5DBFF
≈ Broad Daylight
- FFC4CE
≈ Cotton Candy Comet
Split-complementary +150° +210°
- C8E0AB
Viridine Green
- CCD3FF
≈ Pale Phthalo Blue
- F8C4E8
≈ Sugarwinkle
Tetradic +90° +180° +270°
- C8E0AB
Viridine Green
- 9DE3F7
≈ Ganon Blue
- E3C9FD
≈ Foggy Heath
- FFC7B6
≈ Peach Fuzz
Contrast & accessibility
Ag
FailOn white
WCAG 1.42:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.70:1 · APCA Lc 83
Best text color: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--viridine-green: #c8e0ab;
--viridine-green-rgb: 200 224 171;
--viridine-green-oklch: oklch(0.876 0.075 127.7);
}
.element {
color: var(--viridine-green);
background-color: hsl(87 46% 77%);
border-color: oklch(0.876 0.075 127.7);
}Tailwind CSS v4
@theme {
--color-viridine-green: #c8e0ab;
--color-viridine-green-50: #eefae3;
--color-viridine-green-100: #e0edd3;
--color-viridine-green-200: #cadbba;
--color-viridine-green-300: #abc097;
--color-viridine-green-400: #92a777;
--color-viridine-green-500: #789059;
--color-viridine-green-600: #667a4c;
--color-viridine-green-700: #51613c;
--color-viridine-green-800: #3c472a;
--color-viridine-green-900: #29311c;
--color-viridine-green-950: #171d0c;
}SCSS
$viridine-green: #c8e0ab;
$viridine-green-rgb: 200, 224, 171;
$viridine-green-light: mix(#fff, $viridine-green, 20%);
$viridine-green-dark: mix(#000, $viridine-green, 20%);
.element {
color: $viridine-green;
box-shadow: 0 0 0 2px rgba($viridine-green, 0.35);
}