最接近的命名颜色 · #C0A46E
#C0A46E
最接近的命名颜色: Gold Rush
#C0A46E（rgb(192 164 110)、hsl(40 39% 59%)、oklch(0.731 0.079 83.2)）最接近命名颜色 Gold Rush。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C0A46E
oklch(0.731 0.079 83.2)
颜色转换
- HEX
- #c0a46e
- RGB
- rgb(192 164 110)
- HSL
- hsl(40 39% 59%)
- HWB
- hwb(40 43% 25%)
- OKLCH
- oklch(0.731 0.079 83.2)
- OKLab
- oklab(0.731 0.009 0.078)
- CIE Lab
- lab(68.96 5.18 32)
- LCH
- lch(68.96 32.42 80.8)
- CMYK
- cmyk(0% 15% 43% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C6AD7D
- CDB68B
- D3BF9A
- D9C8A8
- DFD1B6
- E6DAC5
- ECE3D3
- F2EDE2
- F9F6F0
深色调
- A78E5F
- 8E7950
- 766441
- 5F5033
- 493D26
- 342B19
- 201A0E
- 0E0A04
- 020101
灰色调
- B9A071
- B39D73
- AC9975
- A69677
- A09279
- 998F7B
- 938B7C
- 8D877E
- 86847F
配色和谐
互补色 +180°
- C0A46E
Gold Rush
- 8EA8DA
≈ Black Drop
类似色 -30° +30°
- C0A46E
Gold Rush
- D09B79
≈ Sweet Almond
- A8AE74
≈ Wasabi Green
三角配色 +120° +240°
- C0A46E
Gold Rush
- 68B7BE
≈ Maritime Soft Blue
- C198C5
≈ Lilac Pink
分裂互补色 +150° +210°
- C0A46E
Gold Rush
- 75B1D2
≈ Meadow Blossom Blue
- AA9FD5
≈ Simply Violet
四角配色 +90° +180° +270°
- C0A46E
Gold Rush
- 71B8A3
≈ Turtle Lake
- 8EA8DA
≈ Black Drop
- D094AC
≈ Exotic Lilac
对比度与无障碍
Ag
Fail白底
WCAG 2.39:1 · APCA Lc 47
Ag
AAA黑底
WCAG 8.77:1 · APCA Lc 55
最佳文字颜色: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
代码片段
CSS
:root {
--gold-rush: #c0a46e;
--gold-rush-rgb: 192 164 110;
--gold-rush-oklch: oklch(0.731 0.079 83.2);
}
.element {
color: var(--gold-rush);
background-color: hsl(40 39% 59%);
border-color: oklch(0.731 0.079 83.2);
}Tailwind CSS v4
@theme {
--color-gold-rush: #c0a46e;
--color-gold-rush-50: #fff4dc;
--color-gold-rush-100: #f4e7cb;
--color-gold-rush-200: #e4d2af;
--color-gold-rush-300: #cab58a;
--color-gold-rush-400: #b59b68;
--color-gold-rush-500: #9f8146;
--color-gold-rush-600: #876e3c;
--color-gold-rush-700: #6c5830;
--color-gold-rush-800: #504021;
--color-gold-rush-900: #382c16;
--color-gold-rush-950: #221907;
}SCSS
$gold-rush: #c0a46e;
$gold-rush-rgb: 192, 164, 110;
$gold-rush-light: mix(#fff, $gold-rush, 20%);
$gold-rush-dark: mix(#000, $gold-rush, 20%);
.element {
color: $gold-rush;
box-shadow: 0 0 0 2px rgba($gold-rush, 0.35);
}