가장 가까운 이름 색상 · #A09B87
#A09B87
가장 가까운 이름 색상: Knock on Wood
#A09B87(rgb(160 155 135), hsl(48 12% 58%), oklch(0.688 0.029 95.5))와 가장 가까운 이름 색상은 Knock on Wood입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A09B87
oklch(0.688 0.029 95.5)
색상 변환
- HEX
- #a09b87
- RGB
- rgb(160 155 135)
- HSL
- hsl(48 12% 58%)
- HWB
- hwb(48 53% 37%)
- OKLCH
- oklch(0.688 0.029 95.5)
- OKLab
- oklab(0.688 -0.003 0.029)
- CIE Lab
- lab(63.99 -0.72 11.22)
- LCH
- lch(63.99 11.24 93.7)
- CMYK
- cmyk(0% 3% 16% 37%)
틴트 · 셰이드 · 톤
틴트
- A9A592
- B2AE9E
- BCB8AA
- C5C2B6
- CECCC2
- D8D6CE
- E2E0DA
- EBEAE6
- F5F5F2
셰이드
- 8B8675
- 767263
- 615E51
- 4E4B41
- 3B3931
- 292821
- 191813
- 090906
- 010101
톤
- 9D9886
- 999686
- 969385
- 939084
- 908D84
- 8D8B83
- 898882
- 868582
- 838381
색 조화
보색 +180°
- A09B87
Knock on Wood
- 959AAD
≈ Bright Manatee
유사색 -30° +30°
- A09B87
Knock on Wood
- A89888
≈ Kiln Dried
- 969E8B
≈ Charcoal Tint
삼각 배색 +120° +240°
- A09B87
Knock on Wood
- 87A0A6
≈ Symphony of Blue
- A794A2
≈ Metamorphosis
분열 보색 +150° +210°
- A09B87
Knock on Wood
- 8D9DAC
≈ Atom Blue
- 9F97AA
≈ Lavender Aura
사각 배색 +90° +180° +270°
- A09B87
Knock on Wood
- 87A19D
≈ Meek Moss Green
- 959AAD
≈ Bright Manatee
- AB9498
≈ Persian Pastel
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.78:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.53:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--knock-on-wood: #a09b87;
--knock-on-wood-rgb: 160 155 135;
--knock-on-wood-oklch: oklch(0.688 0.029 95.5);
}
.element {
color: var(--knock-on-wood);
background-color: hsl(48 12% 58%);
border-color: oklch(0.688 0.029 95.5);
}Tailwind CSS v4
@theme {
--color-knock-on-wood: #a09b87;
--color-knock-on-wood-50: #f7f5ec;
--color-knock-on-wood-100: #eae8dd;
--color-knock-on-wood-200: #d7d5c7;
--color-knock-on-wood-300: #bbb8a7;
--color-knock-on-wood-400: #a39f8c;
--color-knock-on-wood-500: #8c8671;
--color-knock-on-wood-600: #767260;
--color-knock-on-wood-700: #5f5b4c;
--color-knock-on-wood-800: #464237;
--color-knock-on-wood-900: #302e26;
--color-knock-on-wood-950: #1c1b14;
}SCSS
$knock-on-wood: #a09b87;
$knock-on-wood-rgb: 160, 155, 135;
$knock-on-wood-light: mix(#fff, $knock-on-wood, 20%);
$knock-on-wood-dark: mix(#000, $knock-on-wood, 20%);
.element {
color: $knock-on-wood;
box-shadow: 0 0 0 2px rgba($knock-on-wood, 0.35);
}