이름 색상 · #55EE00
Furious Frog
Furious Frog은(는) #55EE00: rgb(85 238 0), hsl(99 100% 47%), oklch(0.834 0.265 139.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Furious Frog color name →
#55EE00
oklch(0.834 0.265 139.3)
색상 변환
- HEX
- #55ee00
- RGB
- rgb(85 238 0)
- HSL
- hsl(99 100% 47%)
- HWB
- hwb(99 0% 7%)
- OKLCH
- oklch(0.834 0.265 139.3)
- OKLab
- oklab(0.834 -0.201 0.172)
- CIE Lab
- lab(83.61 -66.37 78.25)
- LCH
- lch(83.61 102.61 130.3)
- CMYK
- cmyk(64% 0% 100% 7%)
틴트 · 셰이드 · 톤
틴트
- 6DF143
- 82F361
- 94F57A
- A5F78F
- B5F9A3
- C5FBB7
- D4FCC9
- E2FDDB
- F1FEED
셰이드
- 49CF00
- 3DB100
- 319300
- 267700
- 1C5C00
- 114200
- 082A00
- 021400
- 000300
톤
- 5FE330
- 67D844
- 6DCD52
- 72C25C
- 76B765
- 79AC6C
- 7CA172
- 7E9678
- 7F8B7C
색 조화
보색 +180°
- 55EE00
Furious Frog
- EEACFF
≈ Pink Sugar
유사색 -30° +30°
- 55EE00
Furious Frog
- D2D100
≈ Sun Flooded Woods
- 00EAB6
≈ Overchlorinated Pool
삼각 배색 +120° +240°
- 55EE00
Furious Frog
- A9CAFF
≈ Night Snow
- FFB1B1
≈ Fancy Flamingo
분열 보색 +150° +210°
- 55EE00
Furious Frog
- C6C0FF
≈ Lavender Tonic
- FFABD4
≈ Spaghetti Strap Pink
사각 배색 +90° +180° +270°
- 55EE00
Furious Frog
- 7BD6FF
≈ Sky
- EEACFF
≈ Pink Sugar
- FFB58D
≈ Coral Dusk
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.61:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.61:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--furious-frog: #55ee00;
--furious-frog-rgb: 85 238 0;
--furious-frog-oklch: oklch(0.834 0.265 139.3);
}
.element {
color: var(--furious-frog);
background-color: hsl(99 100% 47%);
border-color: oklch(0.834 0.265 139.3);
}Tailwind CSS v4
@theme {
--color-furious-frog: #55ee00;
--color-furious-frog-50: #cbffc2;
--color-furious-frog-100: #b6feab;
--color-furious-frog-200: #90f082;
--color-furious-frog-300: #5bd749;
--color-furious-frog-400: #25c000;
--color-furious-frog-500: #00a900;
--color-furious-frog-600: #008f00;
--color-furious-frog-700: #007300;
--color-furious-frog-800: #005400;
--color-furious-frog-900: #003b00;
--color-furious-frog-950: #002400;
}SCSS
$furious-frog: #55ee00;
$furious-frog-rgb: 85, 238, 0;
$furious-frog-light: mix(#fff, $furious-frog, 20%);
$furious-frog-dark: mix(#000, $furious-frog, 20%);
.element {
color: $furious-frog;
box-shadow: 0 0 0 2px rgba($furious-frog, 0.35);
}