가장 가까운 이름 색상 · #73CF5F
#73CF5F
가장 가까운 이름 색상: Koopa Green Shell
#73CF5F(rgb(115 207 95), hsl(109 54% 59%), oklch(0.772 0.173 140.1))와 가장 가까운 이름 색상은 Koopa Green Shell입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#73CF5F
oklch(0.772 0.173 140.1)
색상 변환
- HEX
- #73cf5f
- RGB
- rgb(115 207 95)
- HSL
- hsl(109 54% 59%)
- HWB
- hwb(109 37% 19%)
- OKLCH
- oklch(0.772 0.173 140.1)
- OKLab
- oklab(0.772 -0.133 0.111)
- CIE Lab
- lab(75.6 -44.58 45.99)
- LCH
- lch(75.6 64.05 134.1)
- CMYK
- cmyk(44% 0% 54% 19%)
틴트 · 셰이드 · 톤
틴트
- 82D471
- 91D982
- A0DE92
- AEE3A2
- BBE8B2
- C9EDC1
- D7F2D1
- E4F6E0
- F2FBF0
셰이드
- 63B452
- 549944
- 457F38
- 36672C
- 284F20
- 1B3815
- 0F230A
- 051003
- 010200
톤
- 76C764
- 78BF69
- 7AB76D
- 7CB071
- 7DA874
- 7EA077
- 7F987A
- 80907C
- 80887E
색 조화
보색 +180°
- 73CF5F
Koopa Green Shell
- E58DF9
≈ Give Me Your Love
유사색 -30° +30°
- 73CF5F
Koopa Green Shell
- BCBD00
≈ Pickled Limes
- 00D3A6
≈ Wild Caribbean Green
삼각 배색 +120° +240°
- 73CF5F
Koopa Green Shell
- 89B6FF
≈ Carolina Blue
- FF9091
≈ Cherished One
분열 보색 +150° +210°
- 73CF5F
Koopa Green Shell
- B4A7FF
≈ Shy Moment
- FF87C3
≈ Pink Orchid Mantis
사각 배색 +90° +180° +270°
- 73CF5F
Koopa Green Shell
- 2CC5FF
≈ Shovel Knight
- E58DF9
≈ Give Me Your Love
- FF9657
≈ Encounter
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.94:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.81:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--koopa-green-shell: #73cf5f;
--koopa-green-shell-rgb: 115 207 95;
--koopa-green-shell-oklch: oklch(0.772 0.173 140.1);
}
.element {
color: var(--koopa-green-shell);
background-color: hsl(109 54% 59%);
border-color: oklch(0.772 0.173 140.1);
}Tailwind CSS v4
@theme {
--color-koopa-green-shell: #73cf5f;
--color-koopa-green-shell-50: #daffd5;
--color-koopa-green-shell-100: #c7f7c2;
--color-koopa-green-shell-200: #a9e7a2;
--color-koopa-green-shell-300: #81ce7a;
--color-koopa-green-shell-400: #60b64d;
--color-koopa-green-shell-500: #36a017;
--color-koopa-green-shell-600: #308718;
--color-koopa-green-shell-700: #266c14;
--color-koopa-green-shell-800: #1e4f06;
--color-koopa-green-shell-900: #143704;
--color-koopa-green-shell-950: #052200;
}SCSS
$koopa-green-shell: #73cf5f;
$koopa-green-shell-rgb: 115, 207, 95;
$koopa-green-shell-light: mix(#fff, $koopa-green-shell, 20%);
$koopa-green-shell-dark: mix(#000, $koopa-green-shell, 20%);
.element {
color: $koopa-green-shell;
box-shadow: 0 0 0 2px rgba($koopa-green-shell, 0.35);
}