가장 가까운 이름 색상 · #9CB067
#9CB067
가장 가까운 이름 색상: Matcha Mecha
#9CB067(rgb(156 176 103), hsl(76 32% 55%), oklch(0.725 0.1 121.5))와 가장 가까운 이름 색상은 Matcha Mecha입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9CB067
oklch(0.725 0.1 121.5)
색상 변환
- HEX
- #9cb067
- RGB
- rgb(156 176 103)
- HSL
- hsl(76 32% 55%)
- HWB
- hwb(76 40% 31%)
- OKLCH
- oklch(0.725 0.1 121.5)
- OKLab
- oklab(0.725 -0.052 0.085)
- CIE Lab
- lab(69 -16.08 34.88)
- LCH
- lch(69 38.41 114.8)
- CMYK
- cmyk(11% 0% 41% 31%)
틴트 · 셰이드 · 톤
틴트
- A5B877
- AFC086
- B9C895
- C2D0A4
- CCD7B3
- D6DFC2
- E0E7D1
- EAEFE0
- F5F7F0
셰이드
- 879959
- 73824B
- 5F6C3D
- 4C5630
- 394223
- 282E17
- 181C0C
- 090B04
- 010100
톤
- 99AB6A
- 96A66E
- 93A271
- 919D73
- 8E9876
- 8B9378
- 888E7A
- 858A7C
- 83857E
색 조화
보색 +180°
- 9CB067
Matcha Mecha
- B197DB
≈ Violet Velvet
유사색 -30° +30°
- 9CB067
Matcha Mecha
- BDA458
≈ Nonpareil Apple
- 75B886
≈ Frog Pond
삼각 배색 +120° +240°
- 9CB067
Matcha Mecha
- 6AAEDF
≈ Sanctuary Spa
- DA8BA2
≈ Reflecting Rose
분열 보색 +150° +210°
- 9CB067
Matcha Mecha
- 8FA2E5
≈ Dalmatian Sage
- CB8FC3
≈ Pomtini
사각 배색 +90° +180° +270°
- 9CB067
Matcha Mecha
- 4CB7CA
≈ Mountain Range Blue
- B197DB
≈ Violet Velvet
- DE8E7F
≈ Mellow Coral
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.38:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.81:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--matcha-mecha: #9cb067;
--matcha-mecha-rgb: 156 176 103;
--matcha-mecha-oklch: oklch(0.725 0.1 121.5);
}
.element {
color: var(--matcha-mecha);
background-color: hsl(76 32% 55%);
border-color: oklch(0.725 0.1 121.5);
}Tailwind CSS v4
@theme {
--color-matcha-mecha: #9cb067;
--color-matcha-mecha-50: #effbdb;
--color-matcha-mecha-100: #e1eeca;
--color-matcha-mecha-200: #ccdcad;
--color-matcha-mecha-300: #adc087;
--color-matcha-mecha-400: #95a863;
--color-matcha-mecha-500: #7c903f;
--color-matcha-mecha-600: #697a36;
--color-matcha-mecha-700: #54622b;
--color-matcha-mecha-800: #3e471d;
--color-matcha-mecha-900: #2b3113;
--color-matcha-mecha-950: #181d05;
}SCSS
$matcha-mecha: #9cb067;
$matcha-mecha-rgb: 156, 176, 103;
$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);
}