Colore con nome · #8CA468
Scarpetta
Scarpetta è #8CA468: rgb(140 164 104), hsl(84 25% 53%), oklch(0.685 0.087 126.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Scarpetta color name →
#8CA468
oklch(0.685 0.087 126.3)
Conversioni di colore
- HEX
- #8ca468
- RGB
- rgb(140 164 104)
- HSL
- hsl(84 25% 53%)
- HWB
- hwb(84 41% 36%)
- OKLCH
- oklch(0.685 0.087 126.3)
- OKLab
- oklab(0.685 -0.052 0.07)
- CIE Lab
- lab(64.39 -16.56 28.27)
- LCH
- lch(64.39 32.76 120.4)
- CMYK
- cmyk(15% 0% 37% 36%)
Tinte · Ombre · Toni
Tinte
- 97AD77
- A2B686
- ADBF95
- B8C8A4
- C4D1B3
- D0DAC2
- DBE3D1
- E7EDE0
- F3F6F0
Ombre
- 798E59
- 67794B
- 55643E
- 435030
- 333D24
- 232B18
- 141A0C
- 070A04
- 010100
Toni
- 8BA06B
- 8A9D6E
- 889971
- 879673
- 869276
- 858F78
- 848B7A
- 82877C
- 81847E
Armonie di colore
Complementare +180°
- 8CA468
Scarpetta
- A78CC5
≈ Classic Bouquet
Analogo -30° +30°
- 8CA468
Scarpetta
- AA9A59
≈ Burnished Gold
- 6BAA84
≈ Verdigris Green
Triadico +120° +240°
- 8CA468
Scarpetta
- 6C9FCD
≈ Blue Electress
- C98391
≈ King’s Cloak
Complementare divisa +150° +210°
- 8CA468
Scarpetta
- 8B95D0
≈ Mystic Iris
- BD85AE
≈ Joie de Vivre
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.75:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.62:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--scarpetta: #8ca468;
--scarpetta-rgb: 140 164 104;
--scarpetta-oklch: oklch(0.685 0.087 126.3);
}
.element {
color: var(--scarpetta);
background-color: hsl(84 25% 53%);
border-color: oklch(0.685 0.087 126.3);
}Tailwind CSS v4
@theme {
--color-scarpetta: #8ca468;
--color-scarpetta-50: #eefae0;
--color-scarpetta-100: #dfeecf;
--color-scarpetta-200: #c9dcb5;
--color-scarpetta-300: #aac091;
--color-scarpetta-400: #91a86f;
--color-scarpetta-500: #77914f;
--color-scarpetta-600: #657a43;
--color-scarpetta-700: #516236;
--color-scarpetta-800: #3c4825;
--color-scarpetta-900: #293218;
--color-scarpetta-950: #171d09;
}SCSS
$scarpetta: #8ca468;
$scarpetta-rgb: 140, 164, 104;
$scarpetta-light: mix(#fff, $scarpetta, 20%);
$scarpetta-dark: mix(#000, $scarpetta, 20%);
.element {
color: $scarpetta;
box-shadow: 0 0 0 2px rgba($scarpetta, 0.35);
}