이름 색상 · #8A6347
Leather Work
Leather Work은(는) #8A6347: rgb(138 99 71), hsl(25 32% 41%), oklch(0.533 0.065 56.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Leather Work color name →
#8A6347
oklch(0.533 0.065 56.5)
색상 변환
- HEX
- #8a6347
- RGB
- rgb(138 99 71)
- HSL
- hsl(25 32% 41%)
- HWB
- hwb(25 28% 46%)
- OKLCH
- oklch(0.533 0.065 56.5)
- OKLab
- oklab(0.533 0.036 0.054)
- CIE Lab
- lab(45.61 13.65 22.44)
- LCH
- lch(45.61 26.27 58.7)
- CMYK
- cmyk(0% 28% 49% 46%)
틴트 · 셰이드 · 톤
틴트
- 967258
- A1816A
- AD907B
- B89F8D
- C4AEA0
- D0BEB2
- DCCEC5
- E7DED8
- F3EEEB
셰이드
- 77553D
- 654732
- 533A28
- 422E1F
- 322116
- 22160D
- 140B06
- 070302
- 010000
톤
- 89664D
- 896953
- 886C59
- 876F5E
- 867264
- 85756A
- 84786F
- 837A75
- 817D7A
색 조화
보색 +180°
- 8A6347
Leather Work
- 46738E
≈ Harbour Blue
유사색 -30° +30°
- 8A6347
Leather Work
- 8F5E59
≈ Antique Garnet
- 7D6A3F
≈ Blue Cheese Olive
삼각 배색 +120° +240°
- 8A6347
Leather Work
- 3F796C
≈ Maturity
- 70658E
≈ Posy Purple
분열 보색 +150° +210°
- 8A6347
Leather Work
- 397880
≈ Diver’s Eden
- 5B6C93
≈ Emerald-Crested Manakin
사각 배색 +90° +180° +270°
- 8A6347
Leather Work
- 547756
≈ Elm Green
- 46738E
≈ Harbour Blue
- 815F81
≈ Trendy Pink
대비 및 접근성
Ag
AA흰색 위
WCAG 5.30:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.95:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.30:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--leather-work: #8a6347;
--leather-work-rgb: 138 99 71;
--leather-work-oklch: oklch(0.533 0.065 56.5);
}
.element {
color: var(--leather-work);
background-color: hsl(25 32% 41%);
border-color: oklch(0.533 0.065 56.5);
}Tailwind CSS v4
@theme {
--color-leather-work: #8a6347;
--color-leather-work-50: #fff1e3;
--color-leather-work-100: #f9e3d3;
--color-leather-work-200: #eaceb9;
--color-leather-work-300: #d2b097;
--color-leather-work-400: #bd9579;
--color-leather-work-500: #a87b5b;
--color-leather-work-600: #8e684e;
--color-leather-work-700: #72533e;
--color-leather-work-800: #543c2d;
--color-leather-work-900: #3b291e;
--color-leather-work-950: #25170e;
}SCSS
$leather-work: #8a6347;
$leather-work-rgb: 138, 99, 71;
$leather-work-light: mix(#fff, $leather-work, 20%);
$leather-work-dark: mix(#000, $leather-work, 20%);
.element {
color: $leather-work;
box-shadow: 0 0 0 2px rgba($leather-work, 0.35);
}