最接近的命名颜色 · #A0AB79
#A0AB79
最接近的命名颜色: Estragon
#A0AB79（rgb(160 171 121)、hsl(73 23% 57%)、oklch(0.72 0.07 118.3)）最接近命名颜色 Estragon。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A0AB79
oklch(0.72 0.07 118.3)
颜色转换
- HEX
- #a0ab79
- RGB
- rgb(160 171 121)
- HSL
- hsl(73 23% 57%)
- HWB
- hwb(73 47% 33%)
- OKLCH
- oklch(0.72 0.07 118.3)
- OKLab
- oklab(0.72 -0.033 0.062)
- CIE Lab
- lab(68.15 -10.35 24.47)
- LCH
- lch(68.15 26.57 112.9)
- CMYK
- cmyk(6% 0% 29% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- A9B386
- B2BB93
- BBC4A1
- C5CCAE
- CED5BB
- D8DDC9
- E2E5D6
- EBEEE4
- F5F6F1
深色调
- 8B9468
- 767E58
- 616848
- 4E5439
- 3B402B
- 292D1D
- 191B10
- 090B05
- 010101
灰色调
- 9DA77A
- 99A27B
- 969E7C
- 939A7D
- 90957E
- 8D917E
- 898D7F
- 86897F
- 838480
配色和谐
互补色 +180°
- A0AB79
Estragon
- AA9BCB
≈ Imperial Lilac
类似色 -30° +30°
- A0AB79
Estragon
- B7A372
≈ Green Fig
- 87B18C
≈ Shaded Willow
三角配色 +120° +240°
- A0AB79
Estragon
- 7BABCC
≈ Calm Day
- CA93A4
≈ Madagascar Pink
分裂互补色 +150° +210°
- A0AB79
Estragon
- 92A3D1
≈ Rip Van Periwinkle
- BD95BB
≈ Dripping Wisteria
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.44:1 · APCA Lc 48
Ag
AAA黑底
WCAG 8.59:1 · APCA Lc 54
最佳文字颜色: #000000
WCAG 8.59:1 (AAA) · APCA Lc 54
Contrast pairs
代码片段
CSS
:root {
--estragon: #a0ab79;
--estragon-rgb: 160 171 121;
--estragon-oklch: oklch(0.72 0.07 118.3);
}
.element {
color: var(--estragon);
background-color: hsl(73 23% 57%);
border-color: oklch(0.72 0.07 118.3);
}Tailwind CSS v4
@theme {
--color-estragon: #a0ab79;
--color-estragon-50: #f2f9e3;
--color-estragon-100: #e4ecd2;
--color-estragon-200: #d0d9b8;
--color-estragon-300: #b2bd95;
--color-estragon-400: #9aa575;
--color-estragon-500: #828d57;
--color-estragon-600: #6e774a;
--color-estragon-700: #585f3b;
--color-estragon-800: #414629;
--color-estragon-900: #2d301c;
--color-estragon-950: #1a1c0c;
}SCSS
$estragon: #a0ab79;
$estragon-rgb: 160, 171, 121;
$estragon-light: mix(#fff, $estragon, 20%);
$estragon-dark: mix(#000, $estragon, 20%);
.element {
color: $estragon;
box-shadow: 0 0 0 2px rgba($estragon, 0.35);
}