最接近的命名颜色 · #BF9D81
#BF9D81
最接近的命名颜色: French Oak
#BF9D81（rgb(191 157 129)、hsl(27 33% 63%)、oklch(0.72 0.056 61.2)）最接近命名颜色 French Oak。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BF9D81
oklch(0.72 0.056 61.2)
颜色转换
- HEX
- #bf9d81
- RGB
- rgb(191 157 129)
- HSL
- hsl(27 33% 63%)
- HWB
- hwb(27 51% 25%)
- OKLCH
- oklch(0.72 0.056 61.2)
- OKLab
- oklab(0.72 0.027 0.049)
- CIE Lab
- lab(67.35 10.02 19.68)
- LCH
- lch(67.35 22.08 63)
- CMYK
- cmyk(0% 18% 32% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C5A78D
- CCB099
- D2BAA6
- D9C3B2
- DFCDBF
- E6D7CB
- ECE1D8
- F2EBE5
- F9F5F2
深色调
- A6886F
- 8D735E
- 755F4E
- 5E4C3E
- 483A2E
- 33281F
- 1F1812
- 0D0906
- 020101
灰色调
- B99A81
- B29781
- AC9481
- A69281
- 9F8F81
- 998C81
- 938981
- 8D8681
- 868380
配色和谐
互补色 +180°
- BF9D81
French Oak
- 85AAC5
≈ Colorado Springs
类似色 -30° +30°
- BF9D81
French Oak
- C5988F
≈ Persian Bazaar
- B1A47C
≈ Gold Infusion
三角配色 +120° +240°
- BF9D81
French Oak
- 7DB0A6
≈ Green Room
- AA9DC3
≈ Evening Slipper
分裂互补色 +150° +210°
- BF9D81
French Oak
- 7BAEB9
≈ November Skies
- 97A3C9
≈ Fields of Heather
四角配色 +90° +180° +270°
- BF9D81
French Oak
- 8BAF93
≈ Covent Garden
- 85AAC5
≈ Colorado Springs
- BA98B5
≈ Cherished
对比度与无障碍
Ag
Fail白底
WCAG 2.51:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.35:1 · APCA Lc 53
最佳文字颜色: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
代码片段
CSS
:root {
--french-oak: #bf9d81;
--french-oak-rgb: 191 157 129;
--french-oak-oklch: oklch(0.72 0.056 61.2);
}
.element {
color: var(--french-oak);
background-color: hsl(27 33% 63%);
border-color: oklch(0.72 0.056 61.2);
}Tailwind CSS v4
@theme {
--color-french-oak: #bf9d81;
--color-french-oak-50: #fff2e5;
--color-french-oak-100: #f6e4d5;
--color-french-oak-200: #e6d0bc;
--color-french-oak-300: #cdb29a;
--color-french-oak-400: #b7977d;
--color-french-oak-500: #a27e60;
--color-french-oak-600: #896b52;
--color-french-oak-700: #6e5541;
--color-french-oak-800: #513e2f;
--color-french-oak-900: #392b20;
--color-french-oak-950: #23180f;
}SCSS
$french-oak: #bf9d81;
$french-oak-rgb: 191, 157, 129;
$french-oak-light: mix(#fff, $french-oak, 20%);
$french-oak-dark: mix(#000, $french-oak, 20%);
.element {
color: $french-oak;
box-shadow: 0 0 0 2px rgba($french-oak, 0.35);
}