Color con nombre · #AAEE11
Glorious Green Glitter
Glorious Green Glitter es #AAEE11: rgb(170 238 17), hsl(78 87% 50%), oklch(0.871 0.224 127.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Glorious Green Glitter color name →
#AAEE11
oklch(0.871 0.224 127.7)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- B2F048
- BBF366
- C3F57E
- CCF793
- D4F8A7
- DDFAB9
- E5FCCB
- EEFDDD
- F6FEEE
Sombras
- 93CF0D
- 7DB109
- 689306
- 537704
- 3F5C02
- 2D4201
- 1B2A00
- 0B1400
- 010300
Tonos
- A6E336
- A2D848
- 9ECD56
- 99C260
- 95B768
- 91AC6E
- 8DA174
- 899679
- 848B7D
Armonías de color
Complementario +180°
- AAEE11
Glorious Green Glitter
- E3C7FF
≈ Foggy Heath
Análogo -30° +30°
- AAEE11
Glorious Green Glitter
- F5D400
≈ Thick Yellow
- 00FB9E
≈ Atomic Spring
Triádico +120° +240°
- AAEE11
Glorious Green Glitter
- B2D9FF
≈ Droplet
- FFC2CC
≈ Cotton Candy Comet
Complementario dividido +150° +210°
- AAEE11
Glorious Green Glitter
- CAD1FF
≈ Pale Phthalo Blue
- FFBCEB
≈ Pink Quartz
Tetrádico +90° +180° +270°
- AAEE11
Glorious Green Glitter
- 85E5FF
≈ Tranquil Pool
- E3C7FF
≈ Foggy Heath
- FFC5B3
≈ Ballet Skirt
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.40:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 14.94:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
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);
}