最接近的命名颜色 · #BFA16D
#BFA16D
最接近的命名颜色: Silence Is Golden
#BFA16D（rgb(191 161 109)、hsl(38 39% 59%)、oklch(0.724 0.078 80.8)）最接近命名颜色 Silence Is Golden。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BFA16D
oklch(0.724 0.078 80.8)
颜色转换
- HEX
- #bfa16d
- RGB
- rgb(191 161 109)
- HSL
- hsl(38 39% 59%)
- HWB
- hwb(38 43% 25%)
- OKLCH
- oklch(0.724 0.078 80.8)
- OKLab
- oklab(0.724 0.012 0.077)
- CIE Lab
- lab(68.07 6.22 31.39)
- LCH
- lch(68.07 32 78.8)
- CMYK
- cmyk(0% 16% 43% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C5AA7C
- CCB38A
- D2BD99
- D9C6A7
- DFD0B6
- E5D9C4
- ECE2D3
- F2ECE1
- F9F5F0
深色调
- A68B5E
- 8D764F
- 756241
- 5E4E33
- 483C26
- 332A19
- 1F190D
- 0D0904
- 020101
灰色调
- B99E70
- B29B72
- AC9774
- A59476
- 9F9178
- 998D7A
- 938A7C
- 8C877D
- 86837F
配色和谐
互补色 +180°
- BFA16D
Silence Is Golden
- 8AA7D7
≈ Rip Van Periwinkle
类似色 -30° +30°
- BFA16D
Silence Is Golden
- CE9879
≈ Sweet Almond
- A8AB71
≈ Wasabi Green
三角配色 +120° +240°
- BFA16D
Silence Is Golden
- 66B5B9
≈ Adonis
- BC96C4
≈ Atlantic Tulip
分裂互补色 +150° +210°
- BFA16D
Silence Is Golden
- 71AFCE
≈ Aspara
- A59ED3
≈ Simply Violet
四角配色 +90° +180° +270°
- BFA16D
Silence Is Golden
- 72B69F
≈ Turtle Lake
- 8AA7D7
≈ Rip Van Periwinkle
- CC92AC
≈ Moonlit Mauve
对比度与无障碍
Ag
Fail白底
WCAG 2.46:1 · APCA Lc 48
Ag
AAA黑底
WCAG 8.53:1 · APCA Lc 54
最佳文字颜色: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
代码片段
CSS
:root {
--silence-is-golden: #bfa16d;
--silence-is-golden-rgb: 191 161 109;
--silence-is-golden-oklch: oklch(0.724 0.078 80.8);
}
.element {
color: var(--silence-is-golden);
background-color: hsl(38 39% 59%);
border-color: oklch(0.724 0.078 80.8);
}Tailwind CSS v4
@theme {
--color-silence-is-golden: #bfa16d;
--color-silence-is-golden-50: #fff4dd;
--color-silence-is-golden-100: #f5e6cb;
--color-silence-is-golden-200: #e5d2af;
--color-silence-is-golden-300: #cbb48a;
--color-silence-is-golden-400: #b69a69;
--color-silence-is-golden-500: #a18147;
--color-silence-is-golden-600: #886d3d;
--color-silence-is-golden-700: #6d5730;
--color-silence-is-golden-800: #513f22;
--color-silence-is-golden-900: #382b16;
--color-silence-is-golden-950: #231908;
}SCSS
$silence-is-golden: #bfa16d;
$silence-is-golden-rgb: 191, 161, 109;
$silence-is-golden-light: mix(#fff, $silence-is-golden, 20%);
$silence-is-golden-dark: mix(#000, $silence-is-golden, 20%);
.element {
color: $silence-is-golden;
box-shadow: 0 0 0 2px rgba($silence-is-golden, 0.35);
}