最接近的命名颜色 · #A16B2B
#A16B2B
最接近的命名颜色: Eagle
#A16B2B（rgb(161 107 43)、hsl(33 58% 40%)、oklch(0.573 0.105 67.2)）最接近命名颜色 Eagle。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A16B2B
oklch(0.573 0.105 67.2)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- AB7943
- B48859
- BE966D
- C7A582
- D1B496
- DAC2AB
- E3D1C0
- EDE1D5
- F6F0EA
深色调
- 8B5C24
- 764E1D
- 623F16
- 4E3210
- 3C250A
- 2A1805
- 190D02
- 090401
- 010000
灰色调
- 9E6E37
- 9B7041
- 98724A
- 957453
- 92775B
- 8E7963
- 8B7B6A
- 877C72
- 847E79
配色和谐
互补色 +180°
- A16B2B
Eagle
- 407DB3
≈ Sleep
类似色 -30° +30°
- A16B2B
Eagle
- AC614A
≈ Clay Figure
- 8A7822
≈ Jīn Zōng Gold
三角配色 +120° +240°
- A16B2B
Eagle
- 008B82
≈ Clear Turquoise
- 8967A8
≈ Empire Violet
分裂互补色 +150° +210°
- A16B2B
Eagle
- 0086A0
≈ Gogo Blue
- 6972B5
≈ Wind Star
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 4.51:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.65:1 · APCA Lc 31
最佳文字颜色: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
代码片段
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);
}