가장 가까운 이름 색상 · #9C873F
#9C873F
가장 가까운 이름 색상: Jalapeño
#9C873F(rgb(156 135 63), hsl(46 42% 43%), oklch(0.628 0.095 93.2))와 가장 가까운 이름 색상은 Jalapeño입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9C873F
oklch(0.628 0.095 93.2)
색상 변환
- HEX
- #9c873f
- RGB
- rgb(156 135 63)
- HSL
- hsl(46 42% 43%)
- HWB
- hwb(46 25% 39%)
- OKLCH
- oklch(0.628 0.095 93.2)
- OKLab
- oklab(0.628 -0.005 0.095)
- CIE Lab
- lab(57.14 1.59 40.97)
- LCH
- lch(57.14 41 87.8)
- CMYK
- cmyk(0% 13% 60% 39%)
틴트 · 셰이드 · 톤
틴트
- A59354
- AF9E67
- B9AA7A
- C3B68D
- CCC2A0
- D6CEB3
- E0DAC5
- EAE6D8
- F5F3EC
셰이드
- 877535
- 73632C
- 5F5123
- 4C411B
- 393112
- 28210A
- 181304
- 090601
- 010100
톤
- 998648
- 96864F
- 948557
- 91855D
- 8E8464
- 8B836A
- 888370
- 868275
- 83817B
색 조화
보색 +180°
- 9C873F
Jalapeño
- 7684C2
≈ Violets Are Blue
유사색 -30° +30°
- 9C873F
Jalapeño
- B17B48
≈ Rocky Racoon
- 7D924F
≈ Camo
삼각 배색 +120° +240°
- 9C873F
Jalapeño
- 3197AB
≈ Aqua Dance
- AB72A1
≈ Orchid Kiss
분열 보색 +150° +210°
- 9C873F
Jalapeño
- 528FBE
≈ Cliff Blue
- 947AB8
≈ Lavender Purple
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.52:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.95:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--jalapeno: #9c873f;
--jalapeno-rgb: 156 135 63;
--jalapeno-oklch: oklch(0.628 0.095 93.2);
}
.element {
color: var(--jalapeno);
background-color: hsl(46 42% 43%);
border-color: oklch(0.628 0.095 93.2);
}Tailwind CSS v4
@theme {
--color-jalapeno: #9c873f;
--color-jalapeno-50: #fdf6d7;
--color-jalapeno-100: #f1e8c5;
--color-jalapeno-200: #e1d5a7;
--color-jalapeno-300: #c6b77f;
--color-jalapeno-400: #b19d5a;
--color-jalapeno-500: #9c8432;
--color-jalapeno-600: #84702c;
--color-jalapeno-700: #695a23;
--color-jalapeno-800: #4f4117;
--color-jalapeno-900: #372d0f;
--color-jalapeno-950: #221a03;
}SCSS
$jalapeno: #9c873f;
$jalapeno-rgb: 156, 135, 63;
$jalapeno-light: mix(#fff, $jalapeno, 20%);
$jalapeno-dark: mix(#000, $jalapeno, 20%);
.element {
color: $jalapeno;
box-shadow: 0 0 0 2px rgba($jalapeno, 0.35);
}