Colore con nome · #8E9A21
Limetta
Limetta è #8E9A21: rgb(142 154 33), hsl(66 65% 37%), oklch(0.655 0.138 115.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Limetta color name →
#8E9A21
oklch(0.655 0.138 115.4)
Conversioni di colore
- HEX
- #8e9a21
- RGB
- rgb(142 154 33)
- HSL
- hsl(66 65% 37%)
- HWB
- hwb(66 13% 40%)
- OKLCH
- oklch(0.655 0.138 115.4)
- OKLab
- oklab(0.655 -0.059 0.125)
- CIE Lab
- lab(61.02 -15.5 56.4)
- LCH
- lch(61.02 58.49 105.4)
- CMYK
- cmyk(8% 0% 79% 40%)
Tinte · Ombre · Toni
Tinte
- 98A441
- A3AE59
- AEB870
- B9C285
- C4CD99
- D0D7AE
- DBE1C2
- E7EBD6
- F3F5EB
Ombre
- 7B851B
- 687116
- 565E10
- 444B0B
- 343906
- 242703
- 151701
- 070900
- 010100
Toni
- 8C9833
- 8B9540
- 89934B
- 889054
- 868E5D
- 858B65
- 84886C
- 828673
- 81837A
Armonie di colore
Complementare +180°
- 8E9A21
Limetta
- 987DDB
≈ Indigo Bloom
Analogo -30° +30°
- 8E9A21
Limetta
- B68900
≈ Loden Yellow
- 53A65A
≈ Exploration Green
Triadico +120° +240°
- 8E9A21
Limetta
- 0A9CD9
≈ Atmosphere
- D16A94
≈ Hopbush
Complementare divisa +150° +210°
- 8E9A21
Limetta
- 688DE5
≈ Soft Blue
- BB71BE
≈ Lavendless
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.09:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.79:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--limetta: #8e9a21;
--limetta-rgb: 142 154 33;
--limetta-oklch: oklch(0.655 0.138 115.4);
}
.element {
color: var(--limetta);
background-color: hsl(66 65% 37%);
border-color: oklch(0.655 0.138 115.4);
}Tailwind CSS v4
@theme {
--color-limetta: #8e9a21;
--color-limetta-50: #f2fbcf;
--color-limetta-100: #e4efbb;
--color-limetta-200: #cfdd99;
--color-limetta-300: #b2c16d;
--color-limetta-400: #9ca83d;
--color-limetta-500: #849000;
--color-limetta-600: #6f7a00;
--color-limetta-700: #596100;
--color-limetta-800: #434700;
--color-limetta-900: #2e3100;
--color-limetta-950: #1b1d00;
}SCSS
$limetta: #8e9a21;
$limetta-rgb: 142, 154, 33;
$limetta-light: mix(#fff, $limetta, 20%);
$limetta-dark: mix(#000, $limetta, 20%);
.element {
color: $limetta;
box-shadow: 0 0 0 2px rgba($limetta, 0.35);
}