Colore con nome · #A89768
Eco Green
Eco Green è #A89768: rgb(168 151 104), hsl(44 27% 53%), oklch(0.68 0.067 90.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Eco Green color name →
#A89768
oklch(0.68 0.067 90.4)
Conversioni di colore
- HEX
- #a89768
- RGB
- rgb(168 151 104)
- HSL
- hsl(44 27% 53%)
- HWB
- hwb(44 41% 34%)
- OKLCH
- oklch(0.68 0.067 90.4)
- OKLab
- oklab(0.68 -0.001 0.067)
- CIE Lab
- lab(63.12 1.37 27.21)
- LCH
- lch(63.12 27.24 87.1)
- CMYK
- cmyk(0% 10% 38% 34%)
Tinte · Ombre · Toni
Tinte
- B0A177
- B9AB86
- C1B594
- CAC0A3
- D3CAB2
- DBD5C1
- E4DFD1
- EDEAE0
- F6F4EF
Ombre
- 928359
- 7C6F4B
- 675C3E
- 524930
- 3F3724
- 2C2618
- 1A170C
- 0A0804
- 010100
Toni
- A4956B
- A0936E
- 9C9070
- 988E73
- 948C75
- 908978
- 8C877A
- 88857C
- 84827E
Armonie di colore
Complementare +180°
- A89768
Eco Green
- 8897C2
≈ Pale Iris
Analogo -30° +30°
- A89768
Eco Green
- B78F6E
≈ Café Miel
- 929F70
≈ Lady Fern
Triadico +120° +240°
- A89768
Eco Green
- 65A4AF
≈ Seaside
- B18AAC
≈ Voila!
Complementare divisa +150° +210°
- A89768
Eco Green
- 729EBE
≈ Blue Mountain
- 9F8FBC
≈ Wizard’s Brew
Tetradico +90° +180° +270°
- A89768
Eco Green
- 68A69A
≈ Harmony in Green
- 8897C2
≈ Pale Iris
- BC8796
≈ Mauvey Nude
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.88:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.29:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.29:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--eco-green: #a89768;
--eco-green-rgb: 168 151 104;
--eco-green-oklch: oklch(0.68 0.067 90.4);
}
.element {
color: var(--eco-green);
background-color: hsl(44 27% 53%);
border-color: oklch(0.68 0.067 90.4);
}Tailwind CSS v4
@theme {
--color-eco-green: #a89768;
--color-eco-green-50: #fcf5e0;
--color-eco-green-100: #f0e8cf;
--color-eco-green-200: #ded4b4;
--color-eco-green-300: #c3b791;
--color-eco-green-400: #ad9d71;
--color-eco-green-500: #978551;
--color-eco-green-600: #807045;
--color-eco-green-700: #665a37;
--color-eco-green-800: #4c4127;
--color-eco-green-900: #352d1a;
--color-eco-green-950: #201a0a;
}SCSS
$eco-green: #a89768;
$eco-green-rgb: 168, 151, 104;
$eco-green-light: mix(#fff, $eco-green, 20%);
$eco-green-dark: mix(#000, $eco-green, 20%);
.element {
color: $eco-green;
box-shadow: 0 0 0 2px rgba($eco-green, 0.35);
}