Colore con nome · #1E675A
Eucalyptus Green
Eucalyptus Green è #1E675A: rgb(30 103 90), hsl(169 55% 26%), oklch(0.466 0.074 178.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Eucalyptus Green color name →
#1E675A
oklch(0.466 0.074 178.6)
Conversioni di colore
- HEX
- #1e675a
- RGB
- rgb(30 103 90)
- HSL
- hsl(169 55% 26%)
- HWB
- hwb(169 12% 60%)
- OKLCH
- oklch(0.466 0.074 178.6)
- OKLab
- oklab(0.466 -0.074 0.002)
- CIE Lab
- lab(38.95 -25.81 0.49)
- LCH
- lch(38.95 25.81 178.9)
- CMYK
- cmyk(71% 0% 13% 60%)
Tinte · Ombre · Toni
Tinte
- 397569
- 508478
- 659388
- 7BA198
- 90B1A9
- A6C0B9
- BCCFCA
- D2DFDC
- E8EFED
Ombre
- 19594D
- 134B41
- 0E3D35
- 093029
- 05231E
- 031713
- 010C09
- 000403
- 000000
Toni
- 2C6A5E
- 386C61
- 436F65
- 4C7169
- 56746D
- 5E7671
- 677974
- 6F7B78
- 787E7C
Armonie di colore
Complementare +180°
- 1E675A
Eucalyptus Green
- 7B4759
≈ Cheerful Wine
Analogo -30° +30°
- 1E675A
Eucalyptus Green
- 3B6542
≈ Jurassic Park
- 15656F
≈ Seamount
Triadico +120° +240°
- 1E675A
Eucalyptus Green
- 5F507D
≈ Imperial Palace
- 784F2D
≈ Chocolate Bells
Complementare divisa +150° +210°
- 1E675A
Eucalyptus Green
- 704A6E
≈ Old Fashioned Purple
- 7E4942
≈ Sly Fox
Tetradico +90° +180° +270°
- 1E675A
Eucalyptus Green
- 485883
≈ Yacht Club Blue
- 7B4759
≈ Cheerful Wine
- 6A5724
≈ Fir Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.68:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.14:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--eucalyptus-green: #1e675a;
--eucalyptus-green-rgb: 30 103 90;
--eucalyptus-green-oklch: oklch(0.466 0.074 178.6);
}
.element {
color: var(--eucalyptus-green);
background-color: hsl(169 55% 26%);
border-color: oklch(0.466 0.074 178.6);
}Tailwind CSS v4
@theme {
--color-eucalyptus-green: #1e675a;
--color-eucalyptus-green-50: #dffdf6;
--color-eucalyptus-green-100: #cef0e9;
--color-eucalyptus-green-200: #b3dfd6;
--color-eucalyptus-green-300: #8ec4b9;
--color-eucalyptus-green-400: #6cad9f;
--color-eucalyptus-green-500: #489687;
--color-eucalyptus-green-600: #3e7f72;
--color-eucalyptus-green-700: #32665b;
--color-eucalyptus-green-800: #234b42;
--color-eucalyptus-green-900: #17342d;
--color-eucalyptus-green-950: #081f1a;
}SCSS
$eucalyptus-green: #1e675a;
$eucalyptus-green-rgb: 30, 103, 90;
$eucalyptus-green-light: mix(#fff, $eucalyptus-green, 20%);
$eucalyptus-green-dark: mix(#000, $eucalyptus-green, 20%);
.element {
color: $eucalyptus-green;
box-shadow: 0 0 0 2px rgba($eucalyptus-green, 0.35);
}