이름 색상 · #8DE07C
Feralas Lime
Feralas Lime은(는) #8DE07C: rgb(141 224 124), hsl(110 62% 68%), oklch(0.83 0.157 140.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Feralas Lime color name →
#8DE07C
oklch(0.83 0.157 140.3)
색상 변환
- HEX
- #8de07c
- RGB
- rgb(141 224 124)
- HSL
- hsl(110 62% 68%)
- HWB
- hwb(110 49% 12%)
- OKLCH
- oklch(0.83 0.157 140.3)
- OKLab
- oklab(0.83 -0.12 0.1)
- CIE Lab
- lab(82.16 -40.47 40.51)
- LCH
- lch(82.16 57.26 135)
- CMYK
- cmyk(37% 0% 45% 12%)
틴트 · 셰이드 · 톤
틴트
- 99E38A
- A5E798
- B1EAA5
- BCEDB2
- C8F1BF
- D3F4CC
- DEF7D9
- E9F9E6
- F4FCF2
셰이드
- 7AC36B
- 67A65A
- 558A4A
- 44703B
- 33562C
- 233E1E
- 142711
- 071205
- 010201
톤
- 8DD67E
- 8CCC7F
- 8BC380
- 8AB981
- 89B081
- 88A681
- 869C81
- 849381
- 828981
색 조화
보색 +180°
- 8DE07C
Feralas Lime
- F0A9FF
≈ Pink Sugar
유사색 -30° +30°
- 8DE07C
Feralas Lime
- CED045
≈ Southern Platyfish
- 2BE7B8
≈ Aquamarine
삼각 배색 +120° +240°
- 8DE07C
Feralas Lime
- A8C9FF
≈ Night Snow
- FFAFAE
≈ Cornflower Lilac
분열 보색 +150° +210°
- 8DE07C
Feralas Lime
- C6BEFF
≈ Lavender Tonic
- FFA9D1
≈ Majin Bū Pink
사각 배색 +90° +180° +270°
- 8DE07C
Feralas Lime
- 7AD4FF
≈ Sky
- F0A9FF
≈ Pink Sugar
- FFB389
≈ Coral Dusk
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.08:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--feralas-lime: #8de07c;
--feralas-lime-rgb: 141 224 124;
--feralas-lime-oklch: oklch(0.83 0.157 140.3);
}
.element {
color: var(--feralas-lime);
background-color: hsl(110 62% 68%);
border-color: oklch(0.83 0.157 140.3);
}Tailwind CSS v4
@theme {
--color-feralas-lime: #8de07c;
--color-feralas-lime-50: #dcffd8;
--color-feralas-lime-100: #cbf6c6;
--color-feralas-lime-200: #aee6a8;
--color-feralas-lime-300: #87cc80;
--color-feralas-lime-400: #68b458;
--color-feralas-lime-500: #429e2d;
--color-feralas-lime-600: #398528;
--color-feralas-lime-700: #2e6b20;
--color-feralas-lime-800: #234e12;
--color-feralas-lime-900: #17370b;
--color-feralas-lime-950: #082101;
}SCSS
$feralas-lime: #8de07c;
$feralas-lime-rgb: 141, 224, 124;
$feralas-lime-light: mix(#fff, $feralas-lime, 20%);
$feralas-lime-dark: mix(#000, $feralas-lime, 20%);
.element {
color: $feralas-lime;
box-shadow: 0 0 0 2px rgba($feralas-lime, 0.35);
}