가장 가까운 이름 색상 · #8B4736
#8B4736
가장 가까운 이름 색상: Olive Niçoise
#8B4736(rgb(139 71 54), hsl(12 44% 38%), oklch(0.478 0.097 35.1))와 가장 가까운 이름 색상은 Olive Niçoise입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8B4736
oklch(0.478 0.097 35.1)
색상 변환
- HEX
- #8b4736
- RGB
- rgb(139 71 54)
- HSL
- hsl(12 44% 38%)
- HWB
- hwb(12 21% 45%)
- OKLCH
- oklch(0.478 0.097 35.1)
- OKLab
- oklab(0.478 0.079 0.056)
- CIE Lab
- lab(38.7 28.34 23.86)
- LCH
- lch(38.7 37.05 40.1)
- CMYK
- cmyk(0% 49% 61% 45%)
틴트 · 셰이드 · 톤
틴트
- 975949
- A46A5C
- B07C6F
- BB8E82
- C7A096
- D2B3AA
- DEC5BF
- E9D8D4
- F4ECE9
셰이드
- 783D2E
- 663225
- 54281E
- 431F16
- 32160F
- 230D08
- 140603
- 070201
- 010000
톤
- 8B4D3E
- 8A5345
- 8A594D
- 895F54
- 88655B
- 876A63
- 86706A
- 847571
- 827B79
색 조화
보색 +180°
- 8B4736
Olive Niçoise
- 00697B
≈ Teal With It
유사색 -30° +30°
- 8B4736
Olive Niçoise
- 894456
≈ Dark Earth
- 825015
≈ Medium Brown
삼각 배색 +120° +240°
- 8B4736
Olive Niçoise
- 256D44
≈ Billiard Ball
- 4E5893
≈ Onion Skin Blue
분열 보색 +150° +210°
- 8B4736
Olive Niçoise
- 006C63
≈ Office Blue Green
- 256290
≈ Starry Night
사각 배색 +90° +180° +270°
- 8B4736
Olive Niçoise
- 516623
≈ Tabbouleh Green
- 00697B
≈ Teal With It
- 6A4E89
≈ Zimidar
대비 및 접근성
Ag
AA흰색 위
WCAG 6.87:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.05:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.87:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--olive-nicoise: #8b4736;
--olive-nicoise-rgb: 139 71 54;
--olive-nicoise-oklch: oklch(0.478 0.097 35.1);
}
.element {
color: var(--olive-nicoise);
background-color: hsl(12 44% 38%);
border-color: oklch(0.478 0.097 35.1);
}Tailwind CSS v4
@theme {
--color-olive-nicoise: #8b4736;
--color-olive-nicoise-50: #ffece2;
--color-olive-nicoise-100: #ffddd1;
--color-olive-nicoise-200: #fac7b7;
--color-olive-nicoise-300: #e4a794;
--color-olive-nicoise-400: #d18a77;
--color-olive-nicoise-500: #bd6d59;
--color-olive-nicoise-600: #a05d4c;
--color-olive-nicoise-700: #804a3c;
--color-olive-nicoise-800: #5f352c;
--color-olive-nicoise-900: #43241e;
--color-olive-nicoise-950: #2b130e;
}SCSS
$olive-nicoise: #8b4736;
$olive-nicoise-rgb: 139, 71, 54;
$olive-nicoise-light: mix(#fff, $olive-nicoise, 20%);
$olive-nicoise-dark: mix(#000, $olive-nicoise, 20%);
.element {
color: $olive-nicoise;
box-shadow: 0 0 0 2px rgba($olive-nicoise, 0.35);
}