最接近的命名颜色 · #C2A76D
#C2A76D
最接近的命名颜色: Ginger Ale
#C2A76D（rgb(194 167 109)、hsl(41 41% 59%)、oklch(0.739 0.082 85.5)）最接近命名颜色 Ginger Ale。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C2A76D
oklch(0.739 0.082 85.5)
颜色转换
- HEX
- #c2a76d
- RGB
- rgb(194 167 109)
- HSL
- hsl(41 41% 59%)
- HWB
- hwb(41 43% 24%)
- OKLCH
- oklch(0.739 0.082 85.5)
- OKLab
- oklab(0.739 0.006 0.082)
- CIE Lab
- lab(69.92 4.4 33.78)
- LCH
- lch(69.92 34.07 82.6)
- CMYK
- cmyk(0% 14% 44% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C8B07C
- CEB88B
- D4C199
- DACAA8
- E0D3B6
- E6DBC5
- EDE4D3
- F3EDE2
- F9F6F0
深色调
- A8915E
- 8F7B4F
- 776641
- 605233
- 493E26
- 342C19
- 201A0D
- 0E0A04
- 020101
灰色调
- BBA370
- B59F72
- AE9B75
- A79877
- A19479
- 9A907A
- 938C7C
- 8D887D
- 86847F
配色和谐
互补色 +180°
- C2A76D
Ginger Ale
- 92AADF
≈ Black Drop
类似色 -30° +30°
- C2A76D
Ginger Ale
- D39D78
≈ Darling Clementine
- A8B175
≈ Estragon
三角配色 +120° +240°
- C2A76D
Ginger Ale
- 66BAC4
≈ Azul Turquesa
- C699C7
≈ Pastel Violet
分裂互补色 +150° +210°
- C2A76D
Ginger Ale
- 76B3D7
≈ Meadow Blossom Blue
- AEA0D9
≈ Violet Velvet
四角配色 +90° +180° +270°
- C2A76D
Ginger Ale
- 6FBCA8
≈ Larchmere
- 92AADF
≈ Black Drop
- D595AD
≈ Foxy Pink
对比度与无障碍
Ag
Fail白底
WCAG 2.32:1 · APCA Lc 46
Ag
AAA黑底
WCAG 9.04:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 9.04:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--ginger-ale: #c2a76d;
--ginger-ale-rgb: 194 167 109;
--ginger-ale-oklch: oklch(0.739 0.082 85.5);
}
.element {
color: var(--ginger-ale);
background-color: hsl(41 41% 59%);
border-color: oklch(0.739 0.082 85.5);
}Tailwind CSS v4
@theme {
--color-ginger-ale: #c2a76d;
--color-ginger-ale-50: #fff4db;
--color-ginger-ale-100: #f4e7c9;
--color-ginger-ale-200: #e3d3ad;
--color-ginger-ale-300: #c9b587;
--color-ginger-ale-400: #b49b65;
--color-ginger-ale-500: #9f8241;
--color-ginger-ale-600: #866e38;
--color-ginger-ale-700: #6c582d;
--color-ginger-ale-800: #50401f;
--color-ginger-ale-900: #382c14;
--color-ginger-ale-950: #221906;
}SCSS
$ginger-ale: #c2a76d;
$ginger-ale-rgb: 194, 167, 109;
$ginger-ale-light: mix(#fff, $ginger-ale, 20%);
$ginger-ale-dark: mix(#000, $ginger-ale, 20%);
.element {
color: $ginger-ale;
box-shadow: 0 0 0 2px rgba($ginger-ale, 0.35);
}