Warna bernama · #58BC08
Frog
Frog adalah #58BC08: rgb(88 188 8), hsl(93 92% 38%), oklch(0.707 0.211 136.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Frog color name →
#58BC08
oklch(0.707 0.211 136.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 6BC33B
- 7DCB58
- 8ED26F
- 9ED885
- AFDF9A
- BFE6AF
- CFECC3
- DFF3D7
- EFF9EB
Shade
- 4BA306
- 3F8B04
- 337303
- 285D02
- 1D4701
- 123201
- 091F00
- 030D00
- 000200
Tone
- 5EB62B
- 64B13D
- 69AB4A
- 6DA554
- 719F5D
- 759966
- 78936D
- 7B8D74
- 7E867A
Harmoni warna
Komplementer +180°
- 58BC08
Frog
- D36EF6
≈ Rosy Fluffy Bedspread
Analog -30° +30°
Triadik +120° +240°
- 58BC08
Frog
- 5CA1FF
≈ Âbi Blue
- FF6576
≈ Kisses and Hugs
Split-komplementer +150° +210°
- 58BC08
Frog
- 9B8EFF
≈ Cobalite
- F85DBA
≈ Eosin Pink
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.43:1 · APCA Lc 48
Ag
AAADi atas hitam
WCAG 8.61:1 · APCA Lc 54
Warna teks terbaik: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
Cuplikan kode
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);
}