가장 가까운 이름 색상 · #998D6B
#998D6B
가장 가까운 이름 색상: Wilderness
#998D6B(rgb(153 141 107), hsl(44 18% 51%), oklch(0.645 0.05 90.9))와 가장 가까운 이름 색상은 Wilderness입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#998D6B
oklch(0.645 0.05 90.9)
색상 변환
- HEX
- #998d6b
- RGB
- rgb(153 141 107)
- HSL
- hsl(44 18% 51%)
- HWB
- hwb(44 42% 40%)
- OKLCH
- oklch(0.645 0.05 90.9)
- OKLab
- oklab(0.645 -0.001 0.05)
- CIE Lab
- lab(59.04 0.6 19.92)
- LCH
- lch(59.04 19.93 88.3)
- CMYK
- cmyk(0% 8% 30% 40%)
틴트 · 셰이드 · 톤
틴트
- A39879
- ADA387
- B7AE96
- C1B9A4
- CBC5B3
- D5D0C2
- DFDCD1
- EAE7E0
- F4F3F0
셰이드
- 847A5C
- 70674E
- 5D553F
- 4A4432
- 383325
- 272318
- 17140D
- 080704
- 010100
톤
- 968C6D
- 948A70
- 918972
- 8F8874
- 8C8776
- 8A8578
- 87847A
- 85837C
- 82817E
색 조화
보색 +180°
- 998D6B
Wilderness
- 828DAD
≈ Luxury
유사색 -30° +30°
- 998D6B
Wilderness
- A5876F
≈ Antique Chest
- 899371
≈ Royal Oakleaf
삼각 배색 +120° +240°
- 998D6B
Wilderness
- 6A969F
≈ Shore Water
- A0839C
≈ Berry Bright
분열 보색 +150° +210°
- 998D6B
Wilderness
- 7392AA
≈ American Anthem
- 9387A8
≈ Purple Hills
사각 배색 +90° +180° +270°
- 998D6B
Wilderness
- 6C988F
≈ Copper Roof Green
- 828DAD
≈ Luxury
- A8818C
≈ Natural Spring
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.29:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.37:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.37:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--wilderness: #998d6b;
--wilderness-rgb: 153 141 107;
--wilderness-oklch: oklch(0.645 0.05 90.9);
}
.element {
color: var(--wilderness);
background-color: hsl(44 18% 51%);
border-color: oklch(0.645 0.05 90.9);
}Tailwind CSS v4
@theme {
--color-wilderness: #998d6b;
--color-wilderness-50: #faf5e5;
--color-wilderness-100: #ede8d6;
--color-wilderness-200: #dbd4bd;
--color-wilderness-300: #c0b79b;
--color-wilderness-400: #a99e7d;
--color-wilderness-500: #928560;
--color-wilderness-600: #7c7152;
--color-wilderness-700: #635a41;
--color-wilderness-800: #49422e;
--color-wilderness-900: #332d1f;
--color-wilderness-950: #1f1a0f;
}SCSS
$wilderness: #998d6b;
$wilderness-rgb: 153, 141, 107;
$wilderness-light: mix(#fff, $wilderness, 20%);
$wilderness-dark: mix(#000, $wilderness, 20%);
.element {
color: $wilderness;
box-shadow: 0 0 0 2px rgba($wilderness, 0.35);
}