Named color · #88AA00
Fresh Lawn
Fresh Lawn is #88AA00: rgb(136 170 0), hsl(72 100% 33%), oklch(0.688 0.168 122.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Fresh Lawn color name →
#88AA00
oklch(0.688 0.168 122.8)
Color conversions
- HEX
- #88aa00
- RGB
- rgb(136 170 0)
- HSL
- hsl(72 100% 33%)
- HWB
- hwb(72 0% 33%)
- OKLCH
- oklch(0.688 0.168 122.8)
- OKLab
- oklab(0.688 -0.091 0.141)
- CIE Lab
- lab(65.2 -26.07 65.61)
- LCH
- lch(65.2 70.6 111.7)
- CMYK
- cmyk(20% 0% 100% 33%)
Tints · Shades · Tones
Tints
- 93B338
- 9EBB54
- AAC46C
- B6CD83
- C1D598
- CDDEAD
- DAE6C1
- E6EED6
- F2F7EA
Shades
- 759300
- 637D00
- 526800
- 415300
- 313F00
- 222D00
- 131B00
- 060B00
- 010100
Tones
- 87A627
- 86A239
- 859E47
- 859A52
- 84965B
- 839264
- 828D6C
- 818973
- 81857A
Color harmonies
Complementary +180°
- 88AA00
Fresh Lawn
- B07DEF
≈ Illicit Purple
Analogous -30° +30°
- 88AA00
Fresh Lawn
- B99700
≈ Hidden Tribe
- 22B765
≈ Future Hair
Triadic +120° +240°
- 88AA00
Fresh Lawn
- 00A3F7
≈ Rockman Blue
- EC6791
≈ Shadow Azalea Pink
Split-complementary +150° +210°
- 88AA00
Fresh Lawn
- 7A90FF
≈ Lavender Blue Shadow
- D66EC7
≈ French Mauve
Tetradic +90° +180° +270°
- 88AA00
Fresh Lawn
- 00ADC6
≈ Havasupai Falls
- B07DEF
≈ Illicit Purple
- F06C52
≈ Royal Blush
Contrast & accessibility
Ag
FailOn white
WCAG 2.69:1 · APCA Lc 52
Ag
AAAOn black
WCAG 7.79:1 · APCA Lc 50
Best text color: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--fresh-lawn: #88aa00;
--fresh-lawn-rgb: 136 170 0;
--fresh-lawn-oklch: oklch(0.688 0.168 122.8);
}
.element {
color: var(--fresh-lawn);
background-color: hsl(72 100% 33%);
border-color: oklch(0.688 0.168 122.8);
}Tailwind CSS v4
@theme {
--color-fresh-lawn: #88aa00;
--color-fresh-lawn-50: #eafeca;
--color-fresh-lawn-100: #dbf2b5;
--color-fresh-lawn-200: #c4e191;
--color-fresh-lawn-300: #a4c661;
--color-fresh-lawn-400: #8dad23;
--color-fresh-lawn-500: #739600;
--color-fresh-lawn-600: #617f00;
--color-fresh-lawn-700: #4d6600;
--color-fresh-lawn-800: #3b4a00;
--color-fresh-lawn-900: #283300;
--color-fresh-lawn-950: #161f00;
}SCSS
$fresh-lawn: #88aa00;
$fresh-lawn-rgb: 136, 170, 0;
$fresh-lawn-light: mix(#fff, $fresh-lawn, 20%);
$fresh-lawn-dark: mix(#000, $fresh-lawn, 20%);
.element {
color: $fresh-lawn;
box-shadow: 0 0 0 2px rgba($fresh-lawn, 0.35);
}