Named color · #AACC11
Leafy Canopy
Leafy Canopy is #AACC11: rgb(170 204 17), hsl(71 85% 43%), oklch(0.792 0.187 121.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Leafy Canopy color name →
#AACC11
oklch(0.792 0.187 121.1)
Color conversions
- HEX
- #aacc11
- RGB
- rgb(170 204 17)
- HSL
- hsl(71 85% 43%)
- HWB
- hwb(71 7% 20%)
- OKLCH
- oklch(0.792 0.187 121.1)
- OKLab
- oklab(0.792 -0.097 0.16)
- CIE Lab
- lab(77.44 -27.19 73.97)
- LCH
- lch(77.44 78.81 110.2)
- CMYK
- cmyk(17% 0% 92% 20%)
Tints · Shades · Tones
Tints
- B2D243
- BAD75F
- C2DC77
- CBE28C
- D3E7A1
- DCECB4
- E4F1C7
- EDF6DA
- F6FAED
Shades
- 93B10D
- 7D9709
- 687E06
- 536504
- 3F4E02
- 2D3701
- 1B2200
- 0B0F00
- 010200
Tones
- A6C432
- A1BD43
- 9DB550
- 99AE5A
- 94A663
- 909F6A
- 8C9771
- 888F76
- 84887B
Color harmonies
Complementary +180°
- AACC11
Leafy Canopy
- C9A8FF
≈ Purple Hepatica
Analogous -30° +30°
- AACC11
Leafy Canopy
- E2B600
≈ Plague Brown
- 43DC7A
≈ Shivering Green
Triadic +120° +240°
- AACC11
Leafy Canopy
- 72C4FF
≈ Maya Blue
- FF97B6
≈ Saira Red
Split-complementary +150° +210°
- AACC11
Leafy Canopy
- A2B8FF
≈ Truesky Gloxym
- FE89F2
≈ Luminescent Pink
Tetradic +90° +180° +270°
- AACC11
Leafy Canopy
- 00D2ED
≈ Picnic Day Sky
- C9A8FF
≈ Purple Hepatica
- FF9D8B
≈ Candy
Contrast & accessibility
Ag
FailOn white
WCAG 1.84:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.35:1 · APCA Lc 68
Best text color: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--leafy-canopy: #aacc11;
--leafy-canopy-rgb: 170 204 17;
--leafy-canopy-oklch: oklch(0.792 0.187 121.1);
}
.element {
color: var(--leafy-canopy);
background-color: hsl(71 85% 43%);
border-color: oklch(0.792 0.187 121.1);
}Tailwind CSS v4
@theme {
--color-leafy-canopy: #aacc11;
--color-leafy-canopy-50: #ebffc3;
--color-leafy-canopy-100: #dcf3ad;
--color-leafy-canopy-200: #c5e286;
--color-leafy-canopy-300: #a5c750;
--color-leafy-canopy-400: #8fae00;
--color-leafy-canopy-500: #759600;
--color-leafy-canopy-600: #637f00;
--color-leafy-canopy-700: #4f6500;
--color-leafy-canopy-800: #3c4a00;
--color-leafy-canopy-900: #293300;
--color-leafy-canopy-950: #171f00;
}SCSS
$leafy-canopy: #aacc11;
$leafy-canopy-rgb: 170, 204, 17;
$leafy-canopy-light: mix(#fff, $leafy-canopy, 20%);
$leafy-canopy-dark: mix(#000, $leafy-canopy, 20%);
.element {
color: $leafy-canopy;
box-shadow: 0 0 0 2px rgba($leafy-canopy, 0.35);
}