Colore con nome · #8CD612
Frogger
Frogger è #8CD612: rgb(140 214 18), hsl(83 84% 45%), oklch(0.797 0.212 130.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Frogger color name →
#8CD612
oklch(0.797 0.212 130.5)
Conversioni di colore
- HEX
- #8cd612
- RGB
- rgb(140 214 18)
- HSL
- hsl(83 84% 45%)
- HWB
- hwb(83 7% 16%)
- OKLCH
- oklch(0.797 0.212 130.5)
- OKLab
- oklab(0.797 -0.138 0.162)
- CIE Lab
- lab(78.51 -42.65 73.72)
- LCH
- lch(78.51 85.17 120.1)
- CMYK
- cmyk(35% 0% 92% 16%)
Tinte · Ombre · Toni
Tinte
- 98DB44
- A3DF60
- AFE478
- BAE88D
- C6ECA1
- D1F0B5
- DDF4C8
- E8F8DA
- F3FCED
Ombre
- 79BA0E
- 679E0A
- 558407
- 436A04
- 335202
- 233B01
- 142501
- 071000
- 010200
Toni
- 8BCD33
- 8AC544
- 89BC51
- 88B45B
- 87AB63
- 86A36B
- 859A71
- 839277
- 82897C
Armonie di colore
Complementare +180°
- 8CD612
Frogger
- D9A2FF
≈ Medium Lavender Magenta
Analogo -30° +30°
- 8CD612
Frogger
- D5BE00
≈ Groovy Lemon Pie
- 00DF95
≈ Aqua Green
Triadico +120° +240°
- 8CD612
Frogger
- 88C2FF
≈ Scenic Water
- FF9CAA
≈ Salmon Tartare
Complementare divisa +150° +210°
- 8CD612
Frogger
- B0B5FF
≈ Greyish Lavender
- FF92DC
≈ Pink Condition
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.74:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--frogger: #8cd612;
--frogger-rgb: 140 214 18;
--frogger-oklch: oklch(0.797 0.212 130.5);
}
.element {
color: var(--frogger);
background-color: hsl(83 84% 45%);
border-color: oklch(0.797 0.212 130.5);
}Tailwind CSS v4
@theme {
--color-frogger: #8cd612;
--color-frogger-50: #deffc4;
--color-frogger-100: #cdf8ae;
--color-frogger-200: #b1e886;
--color-frogger-300: #8ccd51;
--color-frogger-400: #71b500;
--color-frogger-500: #519e00;
--color-frogger-600: #458600;
--color-frogger-700: #376b00;
--color-frogger-800: #2b4e00;
--color-frogger-900: #1d3600;
--color-frogger-950: #0d2100;
}SCSS
$frogger: #8cd612;
$frogger-rgb: 140, 214, 18;
$frogger-light: mix(#fff, $frogger, 20%);
$frogger-dark: mix(#000, $frogger, 20%);
.element {
color: $frogger;
box-shadow: 0 0 0 2px rgba($frogger, 0.35);
}