이름 색상 · #ABD35D
Lime Lizard
Lime Lizard은(는) #ABD35D: rgb(171 211 93), hsl(80 57% 60%), oklch(0.814 0.153 125.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Lime Lizard color name →
#ABD35D
oklch(0.814 0.153 125.3)
색상 변환
- HEX
- #abd35d
- RGB
- rgb(171 211 93)
- HSL
- hsl(80 57% 60%)
- HWB
- hwb(80 36% 17%)
- OKLCH
- oklch(0.814 0.153 125.3)
- OKLab
- oklab(0.814 -0.088 0.125)
- CIE Lab
- lab(79.85 -27.03 52.71)
- LCH
- lch(79.85 59.23 117.1)
- CMYK
- cmyk(19% 0% 56% 17%)
틴트 · 셰이드 · 톤
틴트
- B3D870
- BBDC82
- C4E193
- CCE5A3
- D4EAB3
- DDEEC2
- E5F3D2
- EEF7E1
- F6FBF0
셰이드
- 94B750
- 7E9C43
- 688237
- 54692A
- 40511F
- 2D3A14
- 1B240A
- 0B1003
- 010200
톤
- A7CB63
- A2C269
- 9EBA6D
- 9AB271
- 95A975
- 91A178
- 8D997A
- 88917D
- 84887E
색 조화
보색 +180°
- ABD35D
Lime Lizard
- D4AEFF
≈ Teasel Dipsacus
유사색 -30° +30°
- ABD35D
Lime Lizard
- E1C034
≈ Finger Banana
- 62DF96
≈ Aurora Green
삼각 배색 +120° +240°
- ABD35D
Lime Lizard
- 8AC9FF
≈ Platonic Blue
- FFA4B8
≈ Amélie’s Tutu
분열 보색 +150° +210°
- ABD35D
Lime Lizard
- B0BEFF
≈ Dried Lilac
- FE9AE9
≈ Pink Elephants
사각 배색 +90° +180° +270°
- ABD35D
Lime Lizard
- 00D9FC
≈ Neon Blue
- D4AEFF
≈ Teasel Dipsacus
- FFA993
≈ Frozen Salmon
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.72:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.20:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.20:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--lime-lizard: #abd35d;
--lime-lizard-rgb: 171 211 93;
--lime-lizard-oklch: oklch(0.814 0.153 125.3);
}
.element {
color: var(--lime-lizard);
background-color: hsl(80 57% 60%);
border-color: oklch(0.814 0.153 125.3);
}Tailwind CSS v4
@theme {
--color-lime-lizard: #abd35d;
--color-lime-lizard-50: #e9fecf;
--color-lime-lizard-100: #daf2bb;
--color-lime-lizard-200: #c2e19a;
--color-lime-lizard-300: #a2c66e;
--color-lime-lizard-400: #89ae3d;
--color-lime-lizard-500: #6f9600;
--color-lime-lizard-600: #5e7f00;
--color-lime-lizard-700: #4b6600;
--color-lime-lizard-800: #384a00;
--color-lime-lizard-900: #273400;
--color-lime-lizard-950: #151f00;
}SCSS
$lime-lizard: #abd35d;
$lime-lizard-rgb: 171, 211, 93;
$lime-lizard-light: mix(#fff, $lime-lizard, 20%);
$lime-lizard-dark: mix(#000, $lime-lizard, 20%);
.element {
color: $lime-lizard;
box-shadow: 0 0 0 2px rgba($lime-lizard, 0.35);
}