이름 색상 · #89CE01
Green Cape
Green Cape은(는) #89CE01: rgb(137 206 1), hsl(80 99% 41%), oklch(0.775 0.208 129.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Cape color name →
#89CE01
oklch(0.775 0.208 129.8)
색상 변환
- HEX
- #89ce01
- RGB
- rgb(137 206 1)
- HSL
- hsl(80 99% 41%)
- HWB
- hwb(80 0% 19%)
- OKLCH
- oklch(0.775 0.208 129.8)
- OKLab
- oklab(0.775 -0.133 0.16)
- CIE Lab
- lab(75.96 -40.77 73.42)
- LCH
- lch(75.96 83.98 119)
- CMYK
- cmyk(33% 0% 100% 19%)
틴트 · 셰이드 · 톤
틴트
- 95D43E
- A1D95C
- ACDE74
- B8E38A
- C4E89F
- CFEDB3
- DBF2C6
- E7F6D9
- F3FBEC
셰이드
- 76B301
- 649801
- 537F00
- 426600
- 314E00
- 223800
- 142300
- 070F00
- 010200
톤
- 88C62D
- 88BF40
- 87B74D
- 86AF58
- 86A861
- 85A069
- 849870
- 829076
- 81887B
색 조화
보색 +180°
- 89CE01
Green Cape
- D498FF
≈ Plasma Trail
유사색 -30° +30°
- 89CE01
Green Cape
- CFB700
≈ Lionhead
- 00D78D
≈ Envy’s Love
삼각 배색 +120° +240°
- 89CE01
Green Cape
- 78BBFF
≈ Cooler Than Ever
- FF8FA2
≈ Charming Cherry
분열 보색 +150° +210°
- 89CE01
Green Cape
- A7AEFF
≈ Shy Moment
- FF83DA
≈ Pink Delight
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.89:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--green-cape: #89ce01;
--green-cape-rgb: 137 206 1;
--green-cape-oklch: oklch(0.775 0.208 129.8);
}
.element {
color: var(--green-cape);
background-color: hsl(80 99% 41%);
border-color: oklch(0.775 0.208 129.8);
}Tailwind CSS v4
@theme {
--color-green-cape: #89ce01;
--color-green-cape-50: #e0ffc4;
--color-green-cape-100: #cff7ae;
--color-green-cape-200: #b3e787;
--color-green-cape-300: #8fcd53;
--color-green-cape-400: #75b400;
--color-green-cape-500: #559d00;
--color-green-cape-600: #498500;
--color-green-cape-700: #3a6b00;
--color-green-cape-800: #2d4e00;
--color-green-cape-900: #1e3600;
--color-green-cape-950: #0e2100;
}SCSS
$green-cape: #89ce01;
$green-cape-rgb: 137, 206, 1;
$green-cape-light: mix(#fff, $green-cape, 20%);
$green-cape-dark: mix(#000, $green-cape, 20%);
.element {
color: $green-cape;
box-shadow: 0 0 0 2px rgba($green-cape, 0.35);
}