最接近的命名颜色 · #C5BD82
#C5BD82
最接近的命名颜色: Golden Mist
#C5BD82（rgb(197 189 130)、hsl(53 37% 64%)、oklch(0.791 0.078 101.4)）最接近命名颜色 Golden Mist。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C5BD82
oklch(0.791 0.078 101.4)
颜色转换
- HEX
- #c5bd82
- RGB
- rgb(197 189 130)
- HSL
- hsl(53 37% 64%)
- HWB
- hwb(53 51% 23%)
- OKLCH
- oklch(0.791 0.078 101.4)
- OKLab
- oklab(0.791 -0.015 0.077)
- CIE Lab
- lab(76.23 -3.65 30.95)
- LCH
- lch(76.23 31.17 96.7)
- CMYK
- cmyk(0% 4% 34% 23%)
浅色调 · 深色调 · 灰色调
浅色调
- CBC48F
- D0CA9B
- D6D1A8
- DCD7B4
- E1DEC1
- E7E5CD
- EDEBD9
- F3F2E6
- F9F8F2
深色调
- ABA470
- 928C5F
- 79744E
- 615D3E
- 4B472F
- 353320
- 211F12
- 0E0D06
- 020201
灰色调
- BEB782
- B7B183
- B0AA83
- A9A483
- A29E83
- 9B9882
- 949282
- 8D8C81
- 878681
配色和谐
互补色 +180°
- C5BD82
Golden Mist
- B2B5ED
≈ Perano
类似色 -30° +30°
- C5BD82
Golden Mist
- DBB383
≈ Butterscotch Sundae
- A9C691
≈ Arcadian Green
三角配色 +120° +240°
- C5BD82
Golden Mist
- 80C7DF
≈ Winter Chime
- DEA7C9
≈ Aristocratic Pink
分裂互补色 +150° +210°
- C5BD82
Golden Mist
- 96BFEC
≈ Salvia Blue
- CBADE0
≈ Lavender Field Dreamer
四角配色 +90° +180° +270°
- C5BD82
Golden Mist
- 7CCBC7
≈ Blue Green Gem
- B2B5ED
≈ Perano
- E8A6AE
≈ Perennial Phlox
对比度与无障碍
Ag
Fail白底
WCAG 1.91:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.97:1 · APCA Lc 66
最佳文字颜色: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
代码片段
CSS
:root {
--golden-mist: #c5bd82;
--golden-mist-rgb: 197 189 130;
--golden-mist-oklch: oklch(0.791 0.078 101.4);
}
.element {
color: var(--golden-mist);
background-color: hsl(53 37% 64%);
border-color: oklch(0.791 0.078 101.4);
}Tailwind CSS v4
@theme {
--color-golden-mist: #c5bd82;
--color-golden-mist-50: #f9f7dd;
--color-golden-mist-100: #eceacc;
--color-golden-mist-200: #dad6b0;
--color-golden-mist-300: #beba8b;
--color-golden-mist-400: #a8a06a;
--color-golden-mist-500: #918848;
--color-golden-mist-600: #7b733e;
--color-golden-mist-700: #625c31;
--color-golden-mist-800: #494322;
--color-golden-mist-900: #322e16;
--color-golden-mist-950: #1e1b07;
}SCSS
$golden-mist: #c5bd82;
$golden-mist-rgb: 197, 189, 130;
$golden-mist-light: mix(#fff, $golden-mist, 20%);
$golden-mist-dark: mix(#000, $golden-mist, 20%);
.element {
color: $golden-mist;
box-shadow: 0 0 0 2px rgba($golden-mist, 0.35);
}