Colore con nome · #7FF217
Fresh Granny Smith
Fresh Granny Smith è #7FF217: rgb(127 242 23), hsl(92 89% 52%), oklch(0.859 0.248 135.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Fresh Granny Smith color name →
#7FF217
oklch(0.859 0.248 135.4)
Conversioni di colore
- HEX
- #7ff217
- RGB
- rgb(127 242 23)
- HSL
- hsl(92 89% 52%)
- HWB
- hwb(92 9% 5%)
- OKLCH
- oklch(0.859 0.248 135.4)
- OKLab
- oklab(0.859 -0.177 0.174)
- CIE Lab
- lab(86.22 -56.91 78.85)
- LCH
- lch(86.22 97.24 125.8)
- CMYK
- cmyk(48% 0% 90% 5%)
Tinte · Ombre · Toni
Tinte
- 8EF449
- 9CF666
- A9F87E
- B6F993
- C3FBA6
- CFFCB9
- DBFDCB
- E7FEDD
- F3FFEE
Ombre
- 6ED212
- 5DB40E
- 4C960A
- 3C7906
- 2D5E04
- 1F4302
- 112B01
- 061400
- 010300
Toni
- 81E738
- 82DB49
- 83D056
- 84C460
- 84B968
- 84AE6E
- 83A274
- 839779
- 818C7D
Armonie di colore
Complementare +180°
- 7FF217
Fresh Granny Smith
- EBBCFF
≈ Euphoria
Analogo -30° +30°
- 7FF217
Fresh Granny Smith
- E2D600
≈ Chips Provencale
- 00F5B4
≈ Greenish Turquoise
Triadico +120° +240°
- 7FF217
Fresh Granny Smith
- B2D3FF
≈ Ice Cold Stare
- FFBDC0
≈ Peach Scone
Complementare divisa +150° +210°
- 7FF217
Fresh Granny Smith
- CBCBFF
≈ Lavender Blue
- FFB8DE
≈ Bubblegum Heart
Tetradico +90° +180° +270°
- 7FF217
Fresh Granny Smith
- 8BDEFF
≈ Tranquil Pool
- EBBCFF
≈ Euphoria
- FFC0A4
≈ Sweet Apricot
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.61:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.61:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--fresh-granny-smith: #7ff217;
--fresh-granny-smith-rgb: 127 242 23;
--fresh-granny-smith-oklch: oklch(0.859 0.248 135.4);
}
.element {
color: var(--fresh-granny-smith);
background-color: hsl(92 89% 52%);
border-color: oklch(0.859 0.248 135.4);
}Tailwind CSS v4
@theme {
--color-fresh-granny-smith: #7ff217;
--color-fresh-granny-smith-50: #d3ffc0;
--color-fresh-granny-smith-100: #c0fca9;
--color-fresh-granny-smith-200: #9fed80;
--color-fresh-granny-smith-300: #73d346;
--color-fresh-granny-smith-400: #50bc00;
--color-fresh-granny-smith-500: #12a500;
--color-fresh-granny-smith-600: #168b00;
--color-fresh-granny-smith-700: #137000;
--color-fresh-granny-smith-800: #165200;
--color-fresh-granny-smith-900: #0e3900;
--color-fresh-granny-smith-950: #022300;
}SCSS
$fresh-granny-smith: #7ff217;
$fresh-granny-smith-rgb: 127, 242, 23;
$fresh-granny-smith-light: mix(#fff, $fresh-granny-smith, 20%);
$fresh-granny-smith-dark: mix(#000, $fresh-granny-smith, 20%);
.element {
color: $fresh-granny-smith;
box-shadow: 0 0 0 2px rgba($fresh-granny-smith, 0.35);
}