Named color · #A8FF04
Wolf Lichen
Wolf Lichen is #A8FF04: rgb(168 255 4), hsl(81 100% 51%), oklch(0.909 0.245 130.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Wolf Lichen color name →
#A8FF04
oklch(0.909 0.245 130.2)
Color conversions
- HEX
- #a8ff04
- RGB
- rgb(168 255 4)
- HSL
- hsl(81 100% 51%)
- HWB
- hwb(81 2% 0%)
- OKLCH
- oklch(0.909 0.245 130.2)
- OKLab
- oklab(0.909 -0.158 0.187)
- CIE Lab
- lab(91.87 -48.77 85.89)
- LCH
- lch(91.87 98.77 119.6)
- CMYK
- cmyk(34% 0% 98% 0%)
Tints · Shades · Tones
Tints
- B1FF48
- BAFF67
- C3FF80
- CCFF95
- D4FFA9
- DDFFBB
- E6FFCD
- EEFFDE
- F7FFEF
Shades
- 92DE03
- 7CBE02
- 679E01
- 528001
- 3F6300
- 2C4800
- 1A2E00
- 0A1600
- 010300
Tones
- A4F235
- A1E549
- 9DD857
- 99CC61
- 95BF69
- 91B270
- 8DA675
- 89997A
- 848D7D
Color harmonies
Complementary +180°
- A8FF04
Wolf Lichen
- EDD7FF
≈ Lavender Savour
Analogous -30° +30°
- A8FF04
Wolf Lichen
- FFE300
≈ Vivid Yellow
- 7DFFC0
≈ Mint Bliss
Triadic +120° +240°
- A8FF04
Wolf Lichen
- CBE4FF
≈ Fresh Water
- FFD5DA
≈ No Need to Blush
Split-complementary +150° +210°
- A8FF04
Wolf Lichen
- DBDEFF
≈ Transparent Blue
- FFD1EE
≈ Shampoo
Tetradic +90° +180° +270°
- A8FF04
Wolf Lichen
- B2ECFF
≈ Beyond the Clouds
- EDD7FF
≈ Lavender Savour
- FFD7C9
≈ Tiny Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.23:1 · APCA Lc 11
Ag
AAAOn black
WCAG 16.97:1 · APCA Lc 93
Best text color: #000000
WCAG 16.97:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--wolf-lichen: #a8ff04;
--wolf-lichen-rgb: 168 255 4;
--wolf-lichen-oklch: oklch(0.909 0.245 130.2);
}
.element {
color: var(--wolf-lichen);
background-color: hsl(81 100% 51%);
border-color: oklch(0.909 0.245 130.2);
}Tailwind CSS v4
@theme {
--color-wolf-lichen: #a8ff04;
--color-wolf-lichen-50: #dbffbc;
--color-wolf-lichen-100: #c9faa3;
--color-wolf-lichen-200: #acea77;
--color-wolf-lichen-300: #85d035;
--color-wolf-lichen-400: #6ab800;
--color-wolf-lichen-500: #47a000;
--color-wolf-lichen-600: #3d8800;
--color-wolf-lichen-700: #316d00;
--color-wolf-lichen-800: #284f00;
--color-wolf-lichen-900: #1a3700;
--color-wolf-lichen-950: #0b2200;
}SCSS
$wolf-lichen: #a8ff04;
$wolf-lichen-rgb: 168, 255, 4;
$wolf-lichen-light: mix(#fff, $wolf-lichen, 20%);
$wolf-lichen-dark: mix(#000, $wolf-lichen, 20%);
.element {
color: $wolf-lichen;
box-shadow: 0 0 0 2px rgba($wolf-lichen, 0.35);
}