Nearest named color · #BA6734
#BA6734
Nearest named color: Dwarven Bronze
#BA6734 (rgb(186 103 52), hsl(23 56% 47%), oklch(0.599 0.125 49.9)) is closest to the named color Dwarven Bronze. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BA6734
oklch(0.599 0.125 49.9)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- C2764A
- CA855F
- D19573
- D9A487
- E0B39A
- E6C2AE
- EDD1C2
- F3E0D6
- F9F0EA
Shades
- A1592C
- 894B24
- 723D1C
- 5C3015
- 46230E
- 321707
- 1E0C03
- 0D0401
- 020000
Tones
- B56A3E
- B06D47
- AA704F
- A57357
- 9F755F
- 997866
- 937A6D
- 8D7C73
- 877E7A
Color harmonies
Complementary +180°
- BA6734
Dwarven Bronze
- 008CB9
≈ Hawaiian Ocean
Analogous -30° +30°
- BA6734
Dwarven Bronze
- BF5E61
≈ Her Velour
- A67600
≈ Bronze
Triadic +120° +240°
- BA6734
Dwarven Bronze
- 009675
≈ Pool Table
- 8071C5
≈ Venus Violet
Split-complementary +150° +210°
- BA6734
Dwarven Bronze
- 009298
≈ Splashy
- 527FCA
≈ Serenity’s Reign
Tetradic +90° +180° +270°
- BA6734
Dwarven Bronze
- 559247
≈ Discover Deco
- 008CB9
≈ Hawaiian Ocean
- A066AE
≈ Royal Pretender
Contrast & accessibility
Ag
FailOn white
WCAG 4.13:1 · APCA Lc 68
Ag
AAOn black
WCAG 5.07:1 · APCA Lc 34
Best text color: #000000
WCAG 5.07:1 (AA) · APCA Lc 34
Contrast pairs
Code snippets
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);
}