Color con nombre · #58BC08
Frog
Frog es #58BC08: rgb(88 188 8), hsl(93 92% 38%), oklch(0.707 0.211 136.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Frog color name →
#58BC08
oklch(0.707 0.211 136.7)
Conversiones de color
- HEX
- #58bc08
- RGB
- rgb(88 188 8)
- HSL
- hsl(93 92% 38%)
- HWB
- hwb(93 3% 26%)
- OKLCH
- oklch(0.707 0.211 136.7)
- OKLab
- oklab(0.707 -0.154 0.145)
- CIE Lab
- lab(68.2 -49.9 65.62)
- LCH
- lch(68.2 82.43 127.2)
- CMYK
- cmyk(53% 0% 96% 26%)
Tintes · Sombras · Tonos
Tintes
- 6BC33B
- 7DCB58
- 8ED26F
- 9ED885
- AFDF9A
- BFE6AF
- CFECC3
- DFF3D7
- EFF9EB
Sombras
- 4BA306
- 3F8B04
- 337303
- 285D02
- 1D4701
- 123201
- 091F00
- 030D00
- 000200
Tonos
- 5EB62B
- 64B13D
- 69AB4A
- 6DA554
- 719F5D
- 759966
- 78936D
- 7B8D74
- 7E867A
Armonías de color
Complementario +180°
- 58BC08
Frog
- D36EF6
≈ Rosy Fluffy Bedspread
Análogo -30° +30°
Triádico +120° +240°
- 58BC08
Frog
- 5CA1FF
≈ Âbi Blue
- FF6576
≈ Kisses and Hugs
Complementario dividido +150° +210°
- 58BC08
Frog
- 9B8EFF
≈ Cobalite
- F85DBA
≈ Eosin Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.61:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--frog: #58bc08;
--frog-rgb: 88 188 8;
--frog-oklch: oklch(0.707 0.211 136.7);
}
.element {
color: var(--frog);
background-color: hsl(93 92% 38%);
border-color: oklch(0.707 0.211 136.7);
}Tailwind CSS v4
@theme {
--color-frog: #58bc08;
--color-frog-50: #d7ffca;
--color-frog-100: #c4f9b5;
--color-frog-200: #a5ea91;
--color-frog-300: #7cd061;
--color-frog-400: #5bb91e;
--color-frog-500: #2da200;
--color-frog-600: #298900;
--color-frog-700: #216e00;
--color-frog-800: #1c5000;
--color-frog-900: #123800;
--color-frog-950: #042200;
}SCSS
$frog: #58bc08;
$frog-rgb: 88, 188, 8;
$frog-light: mix(#fff, $frog, 20%);
$frog-dark: mix(#000, $frog, 20%);
.element {
color: $frog;
box-shadow: 0 0 0 2px rgba($frog, 0.35);
}