Named color · #ADF802
Lemon Green
Lemon Green is #ADF802: rgb(173 248 2), hsl(78 98% 49%), oklch(0.896 0.235 128.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Lemon Green color name →
#ADF802
oklch(0.896 0.235 128.4)
Color conversions
- HEX
- #adf802
- RGB
- rgb(173 248 2)
- HSL
- hsl(78 98% 49%)
- HWB
- hwb(78 1% 3%)
- OKLCH
- oklch(0.896 0.235 128.4)
- OKLab
- oklab(0.896 -0.146 0.184)
- CIE Lab
- lab(90.13 -44.37 84.89)
- LCH
- lch(90.13 95.79 117.6)
- CMYK
- cmyk(30% 0% 99% 3%)
Tints · Shades · Tones
Tints
- B5F947
- BEFB66
- C6FC7E
- CEFD94
- D6FEA8
- DEFEBA
- E7FFCC
- EFFFDD
- F7FFEE
Shades
- 96D801
- 7FB801
- 6A9A01
- 557C00
- 416000
- 2D4500
- 1B2C00
- 0B1500
- 010300
Tones
- A9EC34
- A4E048
- A0D456
- 9BC860
- 97BC68
- 92B06F
- 8EA475
- 899879
- 858C7D
Color harmonies
Complementary +180°
- ADF802
Lemon Green
- E9D1FF
≈ Rose Dragée
Analogous -30° +30°
- ADF802
Lemon Green
- FDDD00
≈ Dallol Yellow
- 5DFFB0
≈ Hanuman Green
Triadic +120° +240°
- ADF802
Lemon Green
- C2E0FF
≈ Dithered Sky
- FFCED5
≈ Love Fumes
Split-complementary +150° +210°
- ADF802
Lemon Green
- D4DAFF
≈ Icy Plains
- FFCAEE
≈ Puff of Pink
Tetradic +90° +180° +270°
- ADF802
Lemon Green
- A2EAFF
≈ Fresh Air
- E9D1FF
≈ Rose Dragée
- FFD1C2
≈ Simply Delicious
Contrast & accessibility
Ag
FailOn white
WCAG 1.29:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.20:1 · APCA Lc 89
Best text color: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--lemon-green: #adf802;
--lemon-green-rgb: 173 248 2;
--lemon-green-oklch: oklch(0.896 0.235 128.4);
}
.element {
color: var(--lemon-green);
background-color: hsl(78 98% 49%);
border-color: oklch(0.896 0.235 128.4);
}Tailwind CSS v4
@theme {
--color-lemon-green: #adf802;
--color-lemon-green-50: #deffbc;
--color-lemon-green-100: #cdf8a4;
--color-lemon-green-200: #b2e878;
--color-lemon-green-300: #8dce38;
--color-lemon-green-400: #73b600;
--color-lemon-green-500: #549e00;
--color-lemon-green-600: #488600;
--color-lemon-green-700: #396b00;
--color-lemon-green-800: #2d4e00;
--color-lemon-green-900: #1e3600;
--color-lemon-green-950: #0e2100;
}SCSS
$lemon-green: #adf802;
$lemon-green-rgb: 173, 248, 2;
$lemon-green-light: mix(#fff, $lemon-green, 20%);
$lemon-green-dark: mix(#000, $lemon-green, 20%);
.element {
color: $lemon-green;
box-shadow: 0 0 0 2px rgba($lemon-green, 0.35);
}