Colore con nome · #01A368
Green Haze
Green Haze è #01A368: rgb(1 163 104), hsl(158 99% 32%), oklch(0.631 0.145 158.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Haze color name →
#01A368
oklch(0.631 0.145 158.9)
Conversioni di colore
- HEX
- #01a368
- RGB
- rgb(1 163 104)
- HSL
- hsl(158 99% 32%)
- HWB
- hwb(158 0% 36%)
- OKLCH
- oklch(0.631 0.145 158.9)
- OKLab
- oklab(0.631 -0.135 0.052)
- CIE Lab
- lab(59.07 -48.25 20.2)
- LCH
- lch(59.07 52.31 157.3)
- CMYK
- cmyk(99% 0% 36% 36%)
Tinte · Ombre · Toni
Tinte
- 3AAC76
- 57B685
- 6FBF94
- 85C8A3
- 9BD2B2
- AFDBC1
- C3E4D0
- D7EDE0
- EBF6EF
Ombre
- 018D59
- 01784B
- 00633E
- 004F30
- 003C24
- 002A18
- 00190C
- 000A04
- 000100
Toni
- 2AA06B
- 3C9D6D
- 499970
- 549672
- 5D9275
- 668F77
- 6D8B79
- 74887C
- 7A847E
Armonie di colore
Complementare +180°
- 01A368
Green Haze
- C163A6
≈ Young Purple
Analogo -30° +30°
- 01A368
Green Haze
- 6E992C
≈ Hidden Valley
- 009E97
≈ Caribbean Turquoise
Triadico +120° +240°
- 01A368
Green Haze
- 787DDF
≈ Tanzine
- D16642
≈ Citrus Notes
Complementare divisa +150° +210°
- 01A368
Green Haze
- A36ECB
≈ Rich Lavender
- D15F77
≈ Tuna Sashimi
Tetradico +90° +180° +270°
- 01A368
Green Haze
- 348EDC
≈ Oregon Blue
- C163A6
≈ Young Purple
- BE7700
≈ Cassandra’s Curse
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.26:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.44:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.44:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--green-haze: #01a368;
--green-haze-rgb: 1 163 104;
--green-haze-oklch: oklch(0.631 0.145 158.9);
}
.element {
color: var(--green-haze);
background-color: hsl(158 99% 32%);
border-color: oklch(0.631 0.145 158.9);
}Tailwind CSS v4
@theme {
--color-green-haze: #01a368;
--color-green-haze-50: #d2ffe8;
--color-green-haze-100: #bef8d8;
--color-green-haze-200: #9be8c0;
--color-green-haze-300: #6dce9f;
--color-green-haze-400: #3eb87e;
--color-green-haze-500: #00a261;
--color-green-haze-600: #008953;
--color-green-haze-700: #006e42;
--color-green-haze-800: #00512d;
--color-green-haze-900: #00381e;
--color-green-haze-950: #00230e;
}SCSS
$green-haze: #01a368;
$green-haze-rgb: 1, 163, 104;
$green-haze-light: mix(#fff, $green-haze, 20%);
$green-haze-dark: mix(#000, $green-haze, 20%);
.element {
color: $green-haze;
box-shadow: 0 0 0 2px rgba($green-haze, 0.35);
}