Colore con nome · #41A94F
Leapfrog
Leapfrog è #41A94F: rgb(65 169 79), hsl(128 44% 46%), oklch(0.653 0.16 145.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Leapfrog color name →
#41A94F
oklch(0.653 0.16 145.9)
Conversioni di colore
- HEX
- #41a94f
- RGB
- rgb(65 169 79)
- HSL
- hsl(128 44% 46%)
- HWB
- hwb(128 25% 34%)
- OKLCH
- oklch(0.653 0.16 145.9)
- OKLab
- oklab(0.653 -0.133 0.09)
- CIE Lab
- lab(61.73 -45.63 36.7)
- LCH
- lch(61.73 58.55 141.2)
- CMYK
- cmyk(62% 0% 53% 34%)
Tinte · Ombre · Toni
Tinte
- 58B261
- 6DBB73
- 80C385
- 93CC96
- A5D5A7
- B7DDB9
- C9E6CA
- DBEEDC
- EDF7ED
Ombre
- 379244
- 2E7C38
- 25672E
- 1C5323
- 133F19
- 0B2C10
- 051B07
- 010A02
- 000100
Toni
- 4BA555
- 54A15B
- 5C9D61
- 629966
- 68956B
- 6E916F
- 738D74
- 788978
- 7C847C
Armonie di colore
Complementare +180°
- 41A94F
Leapfrog
- C169C4
≈ Purple Urn Orchid
Analogo -30° +30°
- 41A94F
Leapfrog
- 8D9A00
≈ Traffic Light Green
- 00A88D
≈ Ottawa Falls
Triadico +120° +240°
- 41A94F
Leapfrog
- 618AF1
≈ Soft Blue
- E1625B
≈ Fiery Coral
Complementare divisa +150° +210°
- 41A94F
Leapfrog
- 9A78E6
≈ Matt Purple
- D96094
≈ Flirty Rose
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.99:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.01:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.01:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--leapfrog: #41a94f;
--leapfrog-rgb: 65 169 79;
--leapfrog-oklch: oklch(0.653 0.16 145.9);
}
.element {
color: var(--leapfrog);
background-color: hsl(128 44% 46%);
border-color: oklch(0.653 0.16 145.9);
}Tailwind CSS v4
@theme {
--color-leapfrog: #41a94f;
--color-leapfrog-50: #d7ffdc;
--color-leapfrog-100: #c4f7ca;
--color-leapfrog-200: #a5e8ad;
--color-leapfrog-300: #7bce88;
--color-leapfrog-400: #57b761;
--color-leapfrog-500: #22a03c;
--color-leapfrog-600: #218834;
--color-leapfrog-700: #1b6d29;
--color-leapfrog-800: #165019;
--color-leapfrog-900: #0e3810;
--color-leapfrog-950: #022203;
}SCSS
$leapfrog: #41a94f;
$leapfrog-rgb: 65, 169, 79;
$leapfrog-light: mix(#fff, $leapfrog, 20%);
$leapfrog-dark: mix(#000, $leapfrog, 20%);
.element {
color: $leapfrog;
box-shadow: 0 0 0 2px rgba($leapfrog, 0.35);
}