最接近的命名颜色 · #9D835D
#9D835D
最接近的命名颜色: Banner Gold
#9D835D（rgb(157 131 93)、hsl(36 26% 49%)、oklch(0.625 0.062 76.7)）最接近命名颜色 Banner Gold。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9D835D
oklch(0.625 0.062 76.7)
颜色转换
- HEX
- #9d835d
- RGB
- rgb(157 131 93)
- HSL
- hsl(36 26% 49%)
- HWB
- hwb(36 36% 38%)
- OKLCH
- oklch(0.625 0.062 76.7)
- OKLab
- oklab(0.625 0.014 0.06)
- CIE Lab
- lab(56.52 6.27 24.47)
- LCH
- lch(56.52 25.26 75.6)
- CMYK
- cmyk(0% 17% 41% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- A78F6D
- B09B7C
- BAA78C
- C4B39C
- CDC0AC
- D7CCBC
- E1D9CD
- EBE5DD
- F5F2EE
深色调
- 887150
- 736043
- 5F4F37
- 4C3F2A
- 3A2F1F
- 282014
- 18120A
- 090603
- 010100
灰色调
- 9A8361
- 978365
- 948268
- 92826C
- 8F8270
- 8C8173
- 898176
- 86817A
- 83807D
配色和谐
互补色 +180°
- 9D835D
Banner Gold
- 7089AD
≈ Windsurf Blue
类似色 -30° +30°
- 9D835D
Banner Gold
- A77C68
≈ Tawny Birch
- 8C8A5E
≈ Woodland Walk
三角配色 +120° +240°
- 9D835D
Banner Gold
- 589394
≈ Bluebound
- 977CA1
≈ Divine
分裂互补色 +150° +210°
- 9D835D
Banner Gold
- 5E90A5
≈ Saltbox Blue
- 8482AC
≈ Aster Purple
四角配色 +90° +180° +270°
- 9D835D
Banner Gold
- 62947F
≈ Cool Bluegrass
- 7089AD
≈ Windsurf Blue
- A4798F
≈ Angel Heart
对比度与无障碍
Ag
Fail白底
WCAG 3.59:1 · APCA Lc 64
Ag
AA黑底
WCAG 5.83:1 · APCA Lc 38
最佳文字颜色: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
代码片段
CSS
:root {
--banner-gold: #9d835d;
--banner-gold-rgb: 157 131 93;
--banner-gold-oklch: oklch(0.625 0.062 76.7);
}
.element {
color: var(--banner-gold);
background-color: hsl(36 26% 49%);
border-color: oklch(0.625 0.062 76.7);
}Tailwind CSS v4
@theme {
--color-banner-gold: #9d835d;
--color-banner-gold-50: #fff4e2;
--color-banner-gold-100: #f3e6d1;
--color-banner-gold-200: #e3d2b7;
--color-banner-gold-300: #c9b494;
--color-banner-gold-400: #b39a75;
--color-banner-gold-500: #9e8157;
--color-banner-gold-600: #856d4a;
--color-banner-gold-700: #6b573b;
--color-banner-gold-800: #4f3f2a;
--color-banner-gold-900: #372c1c;
--color-banner-gold-950: #22190c;
}SCSS
$banner-gold: #9d835d;
$banner-gold-rgb: 157, 131, 93;
$banner-gold-light: mix(#fff, $banner-gold, 20%);
$banner-gold-dark: mix(#000, $banner-gold, 20%);
.element {
color: $banner-gold;
box-shadow: 0 0 0 2px rgba($banner-gold, 0.35);
}