이름 색상 · #58BC08
Frog
Frog은(는) #58BC08: rgb(88 188 8), hsl(93 92% 38%), oklch(0.707 0.211 136.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Frog color name →
#58BC08
oklch(0.707 0.211 136.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 6BC33B
- 7DCB58
- 8ED26F
- 9ED885
- AFDF9A
- BFE6AF
- CFECC3
- DFF3D7
- EFF9EB
셰이드
- 4BA306
- 3F8B04
- 337303
- 285D02
- 1D4701
- 123201
- 091F00
- 030D00
- 000200
톤
- 5EB62B
- 64B13D
- 69AB4A
- 6DA554
- 719F5D
- 759966
- 78936D
- 7B8D74
- 7E867A
색 조화
보색 +180°
- 58BC08
Frog
- D36EF6
≈ Rosy Fluffy Bedspread
유사색 -30° +30°
삼각 배색 +120° +240°
- 58BC08
Frog
- 5CA1FF
≈ Âbi Blue
- FF6576
≈ Kisses and Hugs
분열 보색 +150° +210°
- 58BC08
Frog
- 9B8EFF
≈ Cobalite
- F85DBA
≈ Eosin Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.43:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.61:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
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);
}