Nearest named color · #A16B2B
#A16B2B
Nearest named color: Eagle
#A16B2B (rgb(161 107 43), hsl(33 58% 40%), oklch(0.573 0.105 67.2)) is closest to the named color Eagle. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A16B2B
oklch(0.573 0.105 67.2)
Color conversions
- HEX
- #a16b2b
- RGB
- rgb(161 107 43)
- HSL
- hsl(33 58% 40%)
- HWB
- hwb(33 17% 37%)
- OKLCH
- oklch(0.573 0.105 67.2)
- OKLab
- oklab(0.573 0.04 0.096)
- CIE Lab
- lab(50.24 17.93 43.47)
- LCH
- lch(50.24 47.02 67.6)
- CMYK
- cmyk(0% 34% 73% 37%)
Tints · Shades · Tones
Tints
- AB7943
- B48859
- BE966D
- C7A582
- D1B496
- DAC2AB
- E3D1C0
- EDE1D5
- F6F0EA
Shades
- 8B5C24
- 764E1D
- 623F16
- 4E3210
- 3C250A
- 2A1805
- 190D02
- 090401
- 010000
Tones
- 9E6E37
- 9B7041
- 98724A
- 957453
- 92775B
- 8E7963
- 8B7B6A
- 877C72
- 847E79
Color harmonies
Complementary +180°
- A16B2B
Eagle
- 407DB3
≈ Sleep
Analogous -30° +30°
- A16B2B
Eagle
- AC614A
≈ Clay Figure
- 8A7822
≈ Jīn Zōng Gold
Triadic +120° +240°
- A16B2B
Eagle
- 008B82
≈ Clear Turquoise
- 8967A8
≈ Empire Violet
Split-complementary +150° +210°
- A16B2B
Eagle
- 0086A0
≈ Gogo Blue
- 6972B5
≈ Wind Star
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.51:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.65:1 · APCA Lc 31
Best text color: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--eagle: #a16b2b;
--eagle-rgb: 161 107 43;
--eagle-oklch: oklch(0.573 0.105 67.2);
}
.element {
color: var(--eagle);
background-color: hsl(33 58% 40%);
border-color: oklch(0.573 0.105 67.2);
}Tailwind CSS v4
@theme {
--color-eagle: #a16b2b;
--color-eagle-50: #fff1d6;
--color-eagle-100: #ffe2c3;
--color-eagle-200: #f2cda4;
--color-eagle-300: #dbae7c;
--color-eagle-400: #c89258;
--color-eagle-500: #b4772f;
--color-eagle-600: #986529;
--color-eagle-700: #7a5121;
--color-eagle-800: #5b3a16;
--color-eagle-900: #40280e;
--color-eagle-950: #281602;
}SCSS
$eagle: #a16b2b;
$eagle-rgb: 161, 107, 43;
$eagle-light: mix(#fff, $eagle, 20%);
$eagle-dark: mix(#000, $eagle, 20%);
.element {
color: $eagle;
box-shadow: 0 0 0 2px rgba($eagle, 0.35);
}