Colore con nome · #016612
Zelyony Green
Zelyony Green è #016612: rgb(1 102 18), hsl(130 98% 20%), oklch(0.443 0.143 144.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Zelyony Green color name →
#016612
oklch(0.443 0.143 144.1)
Conversioni di colore
- HEX
- #016612
- RGB
- rgb(1 102 18)
- HSL
- hsl(130 98% 20%)
- HWB
- hwb(130 0% 60%)
- OKLCH
- oklch(0.443 0.143 144.1)
- OKLab
- oklab(0.443 -0.116 0.084)
- CIE Lab
- lab(37.06 -39.58 36.41)
- LCH
- lch(37.06 53.78 137.4)
- CMYK
- cmyk(99% 0% 82% 60%)
Tinte · Ombre · Toni
Tinte
- 2B752E
- 458446
- 5C935C
- 73A272
- 8AB189
- A1C1A0
- B8D0B7
- CFE0CF
- E7EFE7
Ombre
- 01580E
- 014A0A
- 003C07
- 002F04
- 002302
- 001701
- 000C01
- 000400
- 000000
Toni
- 1D6922
- 2D6C2F
- 396F3A
- 457245
- 50744F
- 5A7759
- 647963
- 6D7C6D
- 777E76
Armonie di colore
Complementare +180°
- 016612
Zelyony Green
- 78317F
≈ Maximum Purple
Analogo -30° +30°
- 016612
Zelyony Green
- 535900
≈ Greensboro
- 006250
≈ Sci-Fi Takeout
Triadico +120° +240°
- 016612
Zelyony Green
- 294DA1
≈ Sea of Tears
- 922729
≈ Vivid Auburn
Complementare divisa +150° +210°
- 016612
Zelyony Green
- 5A3E99
≈ Daisy Bush
- 8B2759
≈ Dark Raspberry
Tetradico +90° +180° +270°
- 016612
Zelyony Green
- 005B7F
≈ Commandes
- 78317F
≈ Maximum Purple
- 813F00
≈ Hazelnut Chocolate
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.21:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.91:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.21:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--zelyony-green: #016612;
--zelyony-green-rgb: 1 102 18;
--zelyony-green-oklch: oklch(0.443 0.143 144.1);
}
.element {
color: var(--zelyony-green);
background-color: hsl(130 98% 20%);
border-color: oklch(0.443 0.143 144.1);
}Tailwind CSS v4
@theme {
--color-zelyony-green: #016612;
--color-zelyony-green-50: #dcffdd;
--color-zelyony-green-100: #caf5cc;
--color-zelyony-green-200: #ade5b0;
--color-zelyony-green-300: #86cb8b;
--color-zelyony-green-400: #65b466;
--color-zelyony-green-500: #3e9d43;
--color-zelyony-green-600: #368539;
--color-zelyony-green-700: #2b6b2e;
--color-zelyony-green-800: #214e1d;
--color-zelyony-green-900: #163613;
--color-zelyony-green-950: #072105;
}SCSS
$zelyony-green: #016612;
$zelyony-green-rgb: 1, 102, 18;
$zelyony-green-light: mix(#fff, $zelyony-green, 20%);
$zelyony-green-dark: mix(#000, $zelyony-green, 20%);
.element {
color: $zelyony-green;
box-shadow: 0 0 0 2px rgba($zelyony-green, 0.35);
}