Colore con nome più vicino · #64AB64
#64AB64
Colore con nome più vicino: Ferntastic
#64AB64 (rgb(100 171 100), hsl(120 30% 53%), oklch(0.677 0.125 144)) è più vicino al colore con nome Ferntastic. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#64AB64
oklch(0.677 0.125 144)
Conversioni di colore
- HEX
- #64ab64
- RGB
- rgb(100 171 100)
- HSL
- hsl(120 30% 53%)
- HWB
- hwb(120 39% 33%)
- OKLCH
- oklch(0.677 0.125 144)
- OKLab
- oklab(0.677 -0.101 0.073)
- CIE Lab
- lab(64 -34.46 29.27)
- LCH
- lch(64 45.21 139.6)
- CMYK
- cmyk(42% 0% 42% 33%)
Tinte · Ombre · Toni
Tinte
- 74B373
- 84BC83
- 93C492
- A3CDA1
- B2D5B1
- C1DEC0
- D1E6D0
- E0EEDF
- F0F7EF
Ombre
- 569456
- 487E48
- 3B683B
- 2E542E
- 224022
- 162D16
- 0B1B0B
- 030B03
- 000100
Toni
- 68A768
- 6CA36B
- 6F9E6E
- 729A71
- 759674
- 779276
- 7A8D79
- 7C897B
- 7E847E
Armonie di colore
Complementare +180°
- 64AB64
Ferntastic
- BD7BC2
≈ Lavender Sweater
Analogo -30° +30°
- 64AB64
Ferntastic
- 969F3A
≈ Pickled Cucumber
- 17B091
≈ Victorian Greenhouse
Triadico +120° +240°
- 64AB64
Ferntastic
- 7095E4
≈ Guilliman Blue
- D97671
≈ Red Cedar
Complementare divisa +150° +210°
- 64AB64
Ferntastic
- 9C87DC
≈ Perrywinkle
- D2759C
≈ Camellia Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.55:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--ferntastic: #64ab64;
--ferntastic-rgb: 100 171 100;
--ferntastic-oklch: oklch(0.677 0.125 144);
}
.element {
color: var(--ferntastic);
background-color: hsl(120 30% 53%);
border-color: oklch(0.677 0.125 144);
}Tailwind CSS v4
@theme {
--color-ferntastic: #64ab64;
--color-ferntastic-50: #dfffe0;
--color-ferntastic-100: #cef4cf;
--color-ferntastic-200: #b2e3b5;
--color-ferntastic-300: #8dc991;
--color-ferntastic-400: #6eb26e;
--color-ferntastic-500: #4c9b4d;
--color-ferntastic-600: #418342;
--color-ferntastic-700: #346934;
--color-ferntastic-800: #274d23;
--color-ferntastic-900: #1a3517;
--color-ferntastic-950: #0a2008;
}SCSS
$ferntastic: #64ab64;
$ferntastic-rgb: 100, 171, 100;
$ferntastic-light: mix(#fff, $ferntastic, 20%);
$ferntastic-dark: mix(#000, $ferntastic, 20%);
.element {
color: $ferntastic;
box-shadow: 0 0 0 2px rgba($ferntastic, 0.35);
}