Named color · #A0BF16
Gross Green
Gross Green is #A0BF16: rgb(160 191 22), hsl(71 79% 42%), oklch(0.755 0.176 120.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Gross Green color name →
#A0BF16
oklch(0.755 0.176 120.9)
Color conversions
- HEX
- #a0bf16
- RGB
- rgb(160 191 22)
- HSL
- hsl(71 79% 42%)
- HWB
- hwb(71 9% 25%)
- OKLCH
- oklch(0.755 0.176 120.9)
- OKLab
- oklab(0.755 -0.09 0.151)
- CIE Lab
- lab(73.04 -25.39 69.48)
- LCH
- lch(73.04 73.97 110.1)
- CMYK
- cmyk(16% 0% 88% 25%)
Tints · Shades · Tones
Tints
- A9C642
- B2CD5D
- BBD375
- C4DA8A
- CEE09F
- D7E6B2
- E1EDC6
- EBF3D9
- F5F9EC
Shades
- 8BA612
- 768D0D
- 617509
- 4E5E06
- 3B4803
- 293302
- 191F01
- 090D00
- 010200
Tones
- 9DB932
- 99B342
- 96AC4E
- 93A659
- 8FA061
- 8C9A69
- 89936F
- 868D75
- 83877B
Color harmonies
Complementary +180°
- A0BF16
Gross Green
- C097FF
≈ Lilás
Analogous -30° +30°
- A0BF16
Gross Green
- D4AA00
≈ Burnt Yellow
- 42CE72
≈ UFO Green
Triadic +120° +240°
- A0BF16
Gross Green
- 4FBAFF
≈ Hello Summer
- FF80AA
≈ Pink Makeup
Split-complementary +150° +210°
- A0BF16
Gross Green
- 92AAFF
≈ Widowmaker
- ED81E2
≈ Lavender Magenta
Tetradic +90° +180° +270°
- A0BF16
Gross Green
- 00C5DE
≈ Caribbean Blue
- C097FF
≈ Lilás
- FF8974
≈ Miami Coral
Contrast & accessibility
Ag
FailOn white
WCAG 2.10:1 · APCA Lc 41
Ag
AAAOn black
WCAG 9.95:1 · APCA Lc 61
Best text color: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--gross-green: #a0bf16;
--gross-green-rgb: 160 191 22;
--gross-green-oklch: oklch(0.755 0.176 120.9);
}
.element {
color: var(--gross-green);
background-color: hsl(71 79% 42%);
border-color: oklch(0.755 0.176 120.9);
}Tailwind CSS v4
@theme {
--color-gross-green: #a0bf16;
--color-gross-green-50: #ebfec6;
--color-gross-green-100: #ddf2b1;
--color-gross-green-200: #c6e18b;
--color-gross-green-300: #a7c658;
--color-gross-green-400: #90ad01;
--color-gross-green-500: #779500;
--color-gross-green-600: #657e00;
--color-gross-green-700: #506500;
--color-gross-green-800: #3d4900;
--color-gross-green-900: #2a3300;
--color-gross-green-950: #181e00;
}SCSS
$gross-green: #a0bf16;
$gross-green-rgb: 160, 191, 22;
$gross-green-light: mix(#fff, $gross-green, 20%);
$gross-green-dark: mix(#000, $gross-green, 20%);
.element {
color: $gross-green;
box-shadow: 0 0 0 2px rgba($gross-green, 0.35);
}