Named color · #AAEE11
Glorious Green Glitter
Glorious Green Glitter is #AAEE11: rgb(170 238 17), hsl(78 87% 50%), oklch(0.871 0.224 127.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Glorious Green Glitter color name →
#AAEE11
oklch(0.871 0.224 127.7)
Color conversions
- HEX
- #aaee11
- RGB
- rgb(170 238 17)
- HSL
- hsl(78 87% 50%)
- HWB
- hwb(78 7% 7%)
- OKLCH
- oklch(0.871 0.224 127.7)
- OKLab
- oklab(0.871 -0.137 0.177)
- CIE Lab
- lab(87.13 -41.4 81.34)
- LCH
- lch(87.13 91.27 117)
- CMYK
- cmyk(29% 0% 93% 7%)
Tints · Shades · Tones
Tints
- B2F048
- BBF366
- C3F57E
- CCF793
- D4F8A7
- DDFAB9
- E5FCCB
- EEFDDD
- F6FEEE
Shades
- 93CF0D
- 7DB109
- 689306
- 537704
- 3F5C02
- 2D4201
- 1B2A00
- 0B1400
- 010300
Tones
- A6E336
- A2D848
- 9ECD56
- 99C260
- 95B768
- 91AC6E
- 8DA174
- 899679
- 848B7D
Color harmonies
Complementary +180°
- AAEE11
Glorious Green Glitter
- E3C7FF
≈ Foggy Heath
Analogous -30° +30°
- AAEE11
Glorious Green Glitter
- F5D400
≈ Thick Yellow
- 00FB9E
≈ Atomic Spring
Triadic +120° +240°
- AAEE11
Glorious Green Glitter
- B2D9FF
≈ Droplet
- FFC2CC
≈ Cotton Candy Comet
Split-complementary +150° +210°
- AAEE11
Glorious Green Glitter
- CAD1FF
≈ Pale Phthalo Blue
- FFBCEB
≈ Pink Quartz
Tetradic +90° +180° +270°
- AAEE11
Glorious Green Glitter
- 85E5FF
≈ Tranquil Pool
- E3C7FF
≈ Foggy Heath
- FFC5B3
≈ Ballet Skirt
Contrast & accessibility
Ag
FailOn white
WCAG 1.40:1 · APCA Lc 19
Ag
AAAOn black
WCAG 14.94:1 · APCA Lc 84
Best text color: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--glorious-green-glitter: #aaee11;
--glorious-green-glitter-rgb: 170 238 17;
--glorious-green-glitter-oklch: oklch(0.871 0.224 127.7);
}
.element {
color: var(--glorious-green-glitter);
background-color: hsl(78 87% 50%);
border-color: oklch(0.871 0.224 127.7);
}Tailwind CSS v4
@theme {
--color-glorious-green-glitter: #aaee11;
--color-glorious-green-glitter-50: #e0ffbe;
--color-glorious-green-glitter-100: #d0f7a7;
--color-glorious-green-glitter-200: #b5e77d;
--color-glorious-green-glitter-300: #91cd40;
--color-glorious-green-glitter-400: #78b400;
--color-glorious-green-glitter-500: #5a9d00;
--color-glorious-green-glitter-600: #4c8500;
--color-glorious-green-glitter-700: #3d6a00;
--color-glorious-green-glitter-800: #2f4e00;
--color-glorious-green-glitter-900: #203600;
--color-glorious-green-glitter-950: #102100;
}SCSS
$glorious-green-glitter: #aaee11;
$glorious-green-glitter-rgb: 170, 238, 17;
$glorious-green-glitter-light: mix(#fff, $glorious-green-glitter, 20%);
$glorious-green-glitter-dark: mix(#000, $glorious-green-glitter, 20%);
.element {
color: $glorious-green-glitter;
box-shadow: 0 0 0 2px rgba($glorious-green-glitter, 0.35);
}