Colore con nome · #94C84C
Lone Hunter
Lone Hunter è #94C84C: rgb(148 200 76), hsl(85 53% 54%), oklch(0.771 0.163 128.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Lone Hunter color name →
#94C84C
oklch(0.771 0.163 128.9)
Conversioni di colore
- HEX
- #94c84c
- RGB
- rgb(148 200 76)
- HSL
- hsl(85 53% 54%)
- HWB
- hwb(85 30% 22%)
- OKLCH
- oklch(0.771 0.163 128.9)
- OKLab
- oklab(0.771 -0.103 0.127)
- CIE Lab
- lab(75.1 -31.99 54.34)
- LCH
- lch(75.1 63.06 120.5)
- CMYK
- cmyk(26% 0% 62% 22%)
Tinte · Ombre · Toni
Tinte
- 9ECE62
- A9D476
- B4D988
- BEDF9A
- C9E4AB
- D3EABC
- DEEFCD
- E9F5DE
- F4FAEE
Ombre
- 80AE41
- 6D9436
- 5A7B2C
- 486322
- 364C18
- 26360F
- 162106
- 080F02
- 010200
Toni
- 92C155
- 90BA5C
- 8EB363
- 8CAB69
- 8AA46E
- 889D72
- 869676
- 848F7A
- 82877D
Armonie di colore
Complementare +180°
- 94C84C
Lone Hunter
- D197FF
≈ Lilás
Analogo -30° +30°
- 94C84C
Lone Hunter
- CFB500
≈ Mustard
- 35D38E
≈ Envy’s Love
Triadico +120° +240°
- 94C84C
Lone Hunter
- 74BAFF
≈ Cooler Than Ever
- FF8DA2
≈ Charming Cherry
Complementare divisa +150° +210°
- 94C84C
Lone Hunter
- A4ACFF
≈ Shy Moment
- F788D7
≈ Pink Delight
Tetradico +90° +180° +270°
- 94C84C
Lone Hunter
- 00C9F0
≈ Picnic Day Sky
- D197FF
≈ Lilás
- FF9370
≈ Hibiscus Delight
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.62:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.62:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--lone-hunter: #94c84c;
--lone-hunter-rgb: 148 200 76;
--lone-hunter-oklch: oklch(0.771 0.163 128.9);
}
.element {
color: var(--lone-hunter);
background-color: hsl(85 53% 54%);
border-color: oklch(0.771 0.163 128.9);
}Tailwind CSS v4
@theme {
--color-lone-hunter: #94c84c;
--color-lone-hunter-50: #e5ffcf;
--color-lone-hunter-100: #d5f4bb;
--color-lone-hunter-200: #bce399;
--color-lone-hunter-300: #9ac86d;
--color-lone-hunter-400: #80b03b;
--color-lone-hunter-500: #639900;
--color-lone-hunter-600: #558100;
--color-lone-hunter-700: #436800;
--color-lone-hunter-800: #334c00;
--color-lone-hunter-900: #233500;
--color-lone-hunter-950: #122000;
}SCSS
$lone-hunter: #94c84c;
$lone-hunter-rgb: 148, 200, 76;
$lone-hunter-light: mix(#fff, $lone-hunter, 20%);
$lone-hunter-dark: mix(#000, $lone-hunter, 20%);
.element {
color: $lone-hunter;
box-shadow: 0 0 0 2px rgba($lone-hunter, 0.35);
}