가장 가까운 이름 색상 · #BA6734
#BA6734
가장 가까운 이름 색상: Dwarven Bronze
#BA6734(rgb(186 103 52), hsl(23 56% 47%), oklch(0.599 0.125 49.9))와 가장 가까운 이름 색상은 Dwarven Bronze입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BA6734
oklch(0.599 0.125 49.9)
색상 변환
- HEX
- #ba6734
- RGB
- rgb(186 103 52)
- HSL
- hsl(23 56% 47%)
- HWB
- hwb(23 20% 27%)
- OKLCH
- oklch(0.599 0.125 49.9)
- OKLab
- oklab(0.599 0.08 0.095)
- CIE Lab
- lab(52.79 31.1 43.03)
- LCH
- lch(52.79 53.09 54.1)
- CMYK
- cmyk(0% 45% 72% 27%)
틴트 · 셰이드 · 톤
틴트
- C2764A
- CA855F
- D19573
- D9A487
- E0B39A
- E6C2AE
- EDD1C2
- F3E0D6
- F9F0EA
셰이드
- A1592C
- 894B24
- 723D1C
- 5C3015
- 46230E
- 321707
- 1E0C03
- 0D0401
- 020000
톤
- B56A3E
- B06D47
- AA704F
- A57357
- 9F755F
- 997866
- 937A6D
- 8D7C73
- 877E7A
색 조화
보색 +180°
- BA6734
Dwarven Bronze
- 008CB9
≈ Hawaiian Ocean
유사색 -30° +30°
- BA6734
Dwarven Bronze
- BF5E61
≈ Her Velour
- A67600
≈ Bronze
삼각 배색 +120° +240°
- BA6734
Dwarven Bronze
- 009675
≈ Pool Table
- 8071C5
≈ Venus Violet
분열 보색 +150° +210°
- BA6734
Dwarven Bronze
- 009298
≈ Splashy
- 527FCA
≈ Serenity’s Reign
사각 배색 +90° +180° +270°
- BA6734
Dwarven Bronze
- 559247
≈ Discover Deco
- 008CB9
≈ Hawaiian Ocean
- A066AE
≈ Royal Pretender
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.13:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.07:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.07:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--dwarven-bronze: #ba6734;
--dwarven-bronze-rgb: 186 103 52;
--dwarven-bronze-oklch: oklch(0.599 0.125 49.9);
}
.element {
color: var(--dwarven-bronze);
background-color: hsl(23 56% 47%);
border-color: oklch(0.599 0.125 49.9);
}Tailwind CSS v4
@theme {
--color-dwarven-bronze: #ba6734;
--color-dwarven-bronze-50: #ffecd5;
--color-dwarven-bronze-100: #ffddc2;
--color-dwarven-bronze-200: #ffc6a3;
--color-dwarven-bronze-300: #eba57b;
--color-dwarven-bronze-400: #d98758;
--color-dwarven-bronze-500: #c66a2f;
--color-dwarven-bronze-600: #a75a2a;
--color-dwarven-bronze-700: #864821;
--color-dwarven-bronze-800: #643318;
--color-dwarven-bronze-900: #46230f;
--color-dwarven-bronze-950: #2e1103;
}SCSS
$dwarven-bronze: #ba6734;
$dwarven-bronze-rgb: 186, 103, 52;
$dwarven-bronze-light: mix(#fff, $dwarven-bronze, 20%);
$dwarven-bronze-dark: mix(#000, $dwarven-bronze, 20%);
.element {
color: $dwarven-bronze;
box-shadow: 0 0 0 2px rgba($dwarven-bronze, 0.35);
}