Colore con nome più vicino · #38915D
#38915D
Colore con nome più vicino: Eucalyptus
#38915D (rgb(56 145 93), hsl(145 44% 39%), oklch(0.589 0.117 154.7)) è più vicino al colore con nome Eucalyptus. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#38915D
oklch(0.589 0.117 154.7)
Conversioni di colore
- HEX
- #38915d
- RGB
- rgb(56 145 93)
- HSL
- hsl(145 44% 39%)
- HWB
- hwb(145 22% 43%)
- OKLCH
- oklch(0.589 0.117 154.7)
- OKLab
- oklab(0.589 -0.106 0.05)
- CIE Lab
- lab(53.86 -37.1 19.46)
- LCH
- lch(53.86 41.9 152.3)
- CMYK
- cmyk(61% 0% 36% 43%)
Tinte · Ombre · Toni
Tinte
- 509C6C
- 65A77C
- 78B28C
- 8CBD9B
- 9FC8AC
- B2D3BC
- C5DECC
- D8E9DD
- ECF4EE
Ombre
- 2F7D50
- 276A43
- 1F5837
- 17462A
- 0F351F
- 082514
- 04150A
- 010703
- 000100
Toni
- 439061
- 4C8E64
- 548C68
- 5C8B6C
- 63896F
- 698873
- 6F8676
- 758479
- 7B827D
Armonie di colore
Complementare +180°
- 38915D
Eucalyptus
- A76199
≈ Radiant Orchid
Analogo -30° +30°
- 38915D
Eucalyptus
- 6E8933
≈ Pesto di Rucola
- 009185
≈ Emerald Coast
Triadico +120° +240°
- 38915D
Eucalyptus
- 6976C2
≈ Flood
- B8614C
≈ Maui Mai Tai
Complementare divisa +150° +210°
- 38915D
Eucalyptus
- 8D6AB5
≈ Knight Elf
- B55D74
≈ Candied Apple
Tetradico +90° +180° +270°
- 38915D
Eucalyptus
- 3683BD
≈ King Triton
- A76199
≈ Radiant Orchid
- AC6C24
≈ Inca Gold
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.90:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.37:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--eucalyptus: #38915d;
--eucalyptus-rgb: 56 145 93;
--eucalyptus-oklch: oklch(0.589 0.117 154.7);
}
.element {
color: var(--eucalyptus);
background-color: hsl(145 44% 39%);
border-color: oklch(0.589 0.117 154.7);
}Tailwind CSS v4
@theme {
--color-eucalyptus: #38915d;
--color-eucalyptus-50: #dbffe8;
--color-eucalyptus-100: #c9f4d8;
--color-eucalyptus-200: #abe4c0;
--color-eucalyptus-300: #84ca9f;
--color-eucalyptus-400: #61b37f;
--color-eucalyptus-500: #379c62;
--color-eucalyptus-600: #308454;
--color-eucalyptus-700: #276a43;
--color-eucalyptus-800: #1d4e2e;
--color-eucalyptus-900: #13361f;
--color-eucalyptus-950: #04210f;
}SCSS
$eucalyptus: #38915d;
$eucalyptus-rgb: 56, 145, 93;
$eucalyptus-light: mix(#fff, $eucalyptus, 20%);
$eucalyptus-dark: mix(#000, $eucalyptus, 20%);
.element {
color: $eucalyptus;
box-shadow: 0 0 0 2px rgba($eucalyptus, 0.35);
}