가장 가까운 이름 색상 · #BA6731
#BA6731
가장 가까운 이름 색상: Dwarven Bronze
#BA6731(rgb(186 103 49), hsl(24 58% 46%), oklch(0.599 0.126 51))와 가장 가까운 이름 색상은 Dwarven Bronze입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BA6731
oklch(0.599 0.126 51)
색상 변환
- HEX
- #ba6731
- RGB
- rgb(186 103 49)
- HSL
- hsl(24 58% 46%)
- HWB
- hwb(24 19% 27%)
- OKLCH
- oklch(0.599 0.126 51)
- OKLab
- oklab(0.599 0.079 0.098)
- CIE Lab
- lab(52.77 31 44.48)
- LCH
- lch(52.77 54.22 55.1)
- CMYK
- cmyk(0% 45% 74% 27%)
틴트 · 셰이드 · 톤
틴트
- C27648
- CA855D
- D19571
- D9A485
- E0B399
- E6C2AD
- EDD1C1
- F3E0D6
- F9F0EA
셰이드
- A15929
- 894B22
- 723D1A
- 5C3013
- 46230C
- 321706
- 1E0C03
- 0D0401
- 020000
톤
- B56A3C
- B06D45
- AA704E
- A57356
- 9F765E
- 997865
- 937A6C
- 8D7C73
- 877E79
색 조화
보색 +180°
- BA6731
Dwarven Bronze
- 008CBA
≈ Hawaiian Surf
유사색 -30° +30°
- BA6731
Dwarven Bronze
- C05E5F
≈ Energy Peak
- A57700
≈ Bronze
삼각 배색 +120° +240°
- BA6731
Dwarven Bronze
- 009676
≈ Pool Table
- 8171C5
≈ Venus Violet
분열 보색 +150° +210°
- BA6731
Dwarven Bronze
- 009299
≈ Splashy
- 537FCB
≈ Serenity’s Reign
사각 배색 +90° +180° +270°
- BA6731
Dwarven Bronze
- 529248
≈ Discover Deco
- 008CBA
≈ Hawaiian Surf
- A265AD
≈ Royal Pretender
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.14: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: #ba6731;
--dwarven-bronze-rgb: 186 103 49;
--dwarven-bronze-oklch: oklch(0.599 0.126 51);
}
.element {
color: var(--dwarven-bronze);
background-color: hsl(24 58% 46%);
border-color: oklch(0.599 0.126 51);
}Tailwind CSS v4
@theme {
--color-dwarven-bronze: #ba6731;
--color-dwarven-bronze-50: #ffecd4;
--color-dwarven-bronze-100: #ffddc1;
--color-dwarven-bronze-200: #ffc6a2;
--color-dwarven-bronze-300: #eba57a;
--color-dwarven-bronze-400: #d98756;
--color-dwarven-bronze-500: #c66a2b;
--color-dwarven-bronze-600: #a75a27;
--color-dwarven-bronze-700: #86481f;
--color-dwarven-bronze-800: #643316;
--color-dwarven-bronze-900: #47230e;
--color-dwarven-bronze-950: #2e1202;
}SCSS
$dwarven-bronze: #ba6731;
$dwarven-bronze-rgb: 186, 103, 49;
$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);
}