이름 색상 · #8CD612
Frogger
Frogger은(는) #8CD612: rgb(140 214 18), hsl(83 84% 45%), oklch(0.797 0.212 130.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Frogger color name →
#8CD612
oklch(0.797 0.212 130.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 98DB44
- A3DF60
- AFE478
- BAE88D
- C6ECA1
- D1F0B5
- DDF4C8
- E8F8DA
- F3FCED
셰이드
- 79BA0E
- 679E0A
- 558407
- 436A04
- 335202
- 233B01
- 142501
- 071000
- 010200
톤
- 8BCD33
- 8AC544
- 89BC51
- 88B45B
- 87AB63
- 86A36B
- 859A71
- 839277
- 82897C
색 조화
보색 +180°
- 8CD612
Frogger
- D9A2FF
≈ Medium Lavender Magenta
유사색 -30° +30°
- 8CD612
Frogger
- D5BE00
≈ Groovy Lemon Pie
- 00DF95
≈ Aqua Green
삼각 배색 +120° +240°
- 8CD612
Frogger
- 88C2FF
≈ Scenic Water
- FF9CAA
≈ Salmon Tartare
분열 보색 +150° +210°
- 8CD612
Frogger
- B0B5FF
≈ Greyish Lavender
- FF92DC
≈ Pink Condition
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.78:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.74:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
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);
}