이름 색상 · #A7F432
Green Lizard
Green Lizard은(는) #A7F432: rgb(167 244 50), hsl(84 90% 58%), oklch(0.884 0.223 129.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Lizard color name →
#A7F432
oklch(0.884 0.223 129.9)
색상 변환
- HEX
- #a7f432
- RGB
- rgb(167 244 50)
- HSL
- hsl(84 90% 58%)
- HWB
- hwb(84 20% 4%)
- OKLCH
- oklch(0.884 0.223 129.9)
- OKLab
- oklab(0.884 -0.143 0.171)
- CIE Lab
- lab(88.75 -44.16 76.62)
- LCH
- lch(88.75 88.44 120)
- CMYK
- cmyk(32% 0% 80% 4%)
틴트 · 셰이드 · 톤
틴트
- B0F656
- B9F76F
- C2F985
- CBFA99
- D3FBAB
- DCFCBD
- E5FDCE
- EEFEDF
- F6FFEF
셰이드
- 91D42A
- 7BB522
- 66971B
- 527A14
- 3E5E0D
- 2C4407
- 1A2B03
- 0A1401
- 010300
톤
- A3E846
- A0DC53
- 9CD15E
- 98C566
- 94BA6D
- 90AE72
- 8CA377
- 88977A
- 848C7E
색 조화
보색 +180°
- A7F432
Green Lizard
- E8CCFF
≈ Lens Flare Pink
유사색 -30° +30°
- A7F432
Green Lizard
- F6DA00
≈ Banana Propaganda
- 20FFAB
≈ Enthusiasm
삼각 배색 +120° +240°
- A7F432
Green Lizard
- BCDDFF
≈ Broad Daylight
- FFC9CF
≈ Fruit Bowl
분열 보색 +150° +210°
- A7F432
Green Lizard
- D1D6FF
≈ Pale Phthalo Blue
- FFC4EA
≈ Soulmate Pink
사각 배색 +90° +180° +270°
- A7F432
Green Lizard
- 99E6FF
≈ Winter Wizard
- E8CCFF
≈ Lens Flare Pink
- FFCCBA
≈ Piggy Bank
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.34:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.62:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.62:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--green-lizard: #a7f432;
--green-lizard-rgb: 167 244 50;
--green-lizard-oklch: oklch(0.884 0.223 129.9);
}
.element {
color: var(--green-lizard);
background-color: hsl(84 90% 58%);
border-color: oklch(0.884 0.223 129.9);
}Tailwind CSS v4
@theme {
--color-green-lizard: #a7f432;
--color-green-lizard-50: #deffc1;
--color-green-lizard-100: #cdf8aa;
--color-green-lizard-200: #b1e881;
--color-green-lizard-300: #8cce48;
--color-green-lizard-400: #71b600;
--color-green-lizard-500: #509e00;
--color-green-lizard-600: #458600;
--color-green-lizard-700: #376b00;
--color-green-lizard-800: #2b4e00;
--color-green-lizard-900: #1d3700;
--color-green-lizard-950: #0d2100;
}SCSS
$green-lizard: #a7f432;
$green-lizard-rgb: 167, 244, 50;
$green-lizard-light: mix(#fff, $green-lizard, 20%);
$green-lizard-dark: mix(#000, $green-lizard, 20%);
.element {
color: $green-lizard;
box-shadow: 0 0 0 2px rgba($green-lizard, 0.35);
}