Color con nombre · #8CD612
Frogger
Frogger es #8CD612: rgb(140 214 18), hsl(83 84% 45%), oklch(0.797 0.212 130.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Frogger color name →
#8CD612
oklch(0.797 0.212 130.5)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 98DB44
- A3DF60
- AFE478
- BAE88D
- C6ECA1
- D1F0B5
- DDF4C8
- E8F8DA
- F3FCED
Sombras
- 79BA0E
- 679E0A
- 558407
- 436A04
- 335202
- 233B01
- 142501
- 071000
- 010200
Tonos
- 8BCD33
- 8AC544
- 89BC51
- 88B45B
- 87AB63
- 86A36B
- 859A71
- 839277
- 82897C
Armonías de color
Complementario +180°
- 8CD612
Frogger
- D9A2FF
≈ Medium Lavender Magenta
Análogo -30° +30°
- 8CD612
Frogger
- D5BE00
≈ Groovy Lemon Pie
- 00DF95
≈ Aqua Green
Triádico +120° +240°
- 8CD612
Frogger
- 88C2FF
≈ Scenic Water
- FF9CAA
≈ Salmon Tartare
Complementario dividido +150° +210°
- 8CD612
Frogger
- B0B5FF
≈ Greyish Lavender
- FF92DC
≈ Pink Condition
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.74:1 · APCA Lc 70
Mejor color de texto: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmentos de código
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);
}