가장 가까운 이름 색상 · #9FAF66
#9FAF66
가장 가까운 이름 색상: Matcha Mecha
#9FAF66(rgb(159 175 102), hsl(73 31% 54%), oklch(0.724 0.099 119))와 가장 가까운 이름 색상은 Matcha Mecha입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9FAF66
oklch(0.724 0.099 119)
색상 변환
- HEX
- #9faf66
- RGB
- rgb(159 175 102)
- HSL
- hsl(73 31% 54%)
- HWB
- hwb(73 40% 31%)
- OKLCH
- oklch(0.724 0.099 119)
- OKLab
- oklab(0.724 -0.048 0.086)
- CIE Lab
- lab(68.93 -14.49 35.37)
- LCH
- lch(68.93 38.22 112.3)
- CMYK
- cmyk(9% 0% 42% 31%)
틴트 · 셰이드 · 톤
틴트
- A8B776
- B1BF85
- BBC794
- C4CFA4
- CED7B3
- D7DFC2
- E1E7D1
- EBEFE0
- F5F7F0
셰이드
- 8A9858
- 75814A
- 616B3C
- 4D562F
- 3B4123
- 292E17
- 181C0C
- 090B04
- 010100
톤
- 9CAA6A
- 99A66D
- 95A170
- 929C73
- 8F9876
- 8C9378
- 898E7A
- 86897C
- 83857E
색 조화
보색 +180°
- 9FAF66
Matcha Mecha
- AE98DC
≈ Violet Velvet
유사색 -30° +30°
- 9FAF66
Matcha Mecha
- BFA359
≈ Nonpareil Apple
- 79B884
≈ Frog Pond
삼각 배색 +120° +240°
- 9FAF66
Matcha Mecha
- 68AFDD
≈ Sanctuary Spa
- D98CA4
≈ Reflecting Rose
분열 보색 +150° +210°
- 9FAF66
Matcha Mecha
- 8DA3E5
≈ Blue Cue
- C98FC5
≈ Rose Souvenir
사각 배색 +90° +180° +270°
- 9FAF66
Matcha Mecha
- 4DB7C7
≈ Cave Lake
- AE98DC
≈ Violet Velvet
- DD8E82
≈ Coral Banks
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.38:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.79:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--matcha-mecha: #9faf66;
--matcha-mecha-rgb: 159 175 102;
--matcha-mecha-oklch: oklch(0.724 0.099 119);
}
.element {
color: var(--matcha-mecha);
background-color: hsl(73 31% 54%);
border-color: oklch(0.724 0.099 119);
}Tailwind CSS v4
@theme {
--color-matcha-mecha: #9faf66;
--color-matcha-mecha-50: #f1fadb;
--color-matcha-mecha-100: #e3eec9;
--color-matcha-mecha-200: #cedbac;
--color-matcha-mecha-300: #b0c087;
--color-matcha-mecha-400: #98a762;
--color-matcha-mecha-500: #7f8f3e;
--color-matcha-mecha-600: #6c7935;
--color-matcha-mecha-700: #56612a;
--color-matcha-mecha-800: #40471c;
--color-matcha-mecha-900: #2c3112;
--color-matcha-mecha-950: #191d05;
}SCSS
$matcha-mecha: #9faf66;
$matcha-mecha-rgb: 159, 175, 102;
$matcha-mecha-light: mix(#fff, $matcha-mecha, 20%);
$matcha-mecha-dark: mix(#000, $matcha-mecha, 20%);
.element {
color: $matcha-mecha;
box-shadow: 0 0 0 2px rgba($matcha-mecha, 0.35);
}