最接近的命名颜色 · #BBA071
#BBA071
最接近的命名颜色: Curry Sauce
#BBA071（rgb(187 160 113)、hsl(38 35% 59%)、oklch(0.719 0.071 81)）最接近命名颜色 Curry Sauce。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BBA071
oklch(0.719 0.071 81)
颜色转换
- HEX
- #bba071
- RGB
- rgb(187 160 113)
- HSL
- hsl(38 35% 59%)
- HWB
- hwb(38 44% 27%)
- OKLCH
- oklch(0.719 0.071 81)
- OKLab
- oklab(0.719 0.011 0.07)
- CIE Lab
- lab(67.47 5.4 28.4)
- LCH
- lch(67.47 28.91 79.2)
- CMYK
- cmyk(0% 14% 40% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- C2A97F
- C8B38D
- CFBC9B
- D6C5A9
- DDCFB7
- E4D8C5
- EAE2D4
- F1ECE2
- F8F5F0
深色调
- A28B61
- 8A7652
- 736143
- 5C4E35
- 463B27
- 32291A
- 1F190E
- 0D0904
- 020101
灰色调
- B59D73
- AF9A75
- A99777
- A39378
- 9D907A
- 978D7B
- 918A7D
- 8C877E
- 86837F
配色和谐
互补色 +180°
- BBA071
Curry Sauce
- 8BA5D1
≈ Rip Van Periwinkle
类似色 -30° +30°
- BBA071
Curry Sauce
- C9987C
≈ Chinook Salmon
- A6A975
≈ Cardamom
三角配色 +120° +240°
- BBA071
Curry Sauce
- 6CB2B6
≈ Dexter
- B996BF
≈ Atlantic Tulip
分裂互补色 +150° +210°
- BBA071
Curry Sauce
- 76ADC9
≈ Soul Blue
- A49DCE
≈ Wistful
四角配色 +90° +180° +270°
- BBA071
Curry Sauce
- 76B39E
≈ Beau Monde
- 8BA5D1
≈ Rip Van Periwinkle
- C792A9
≈ Bonny Belle
对比度与无障碍
Ag
Fail白底
WCAG 2.50:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.37:1 · APCA Lc 53
最佳文字颜色: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
代码片段
CSS
:root {
--curry-sauce: #bba071;
--curry-sauce-rgb: 187 160 113;
--curry-sauce-oklch: oklch(0.719 0.071 81);
}
.element {
color: var(--curry-sauce);
background-color: hsl(38 35% 59%);
border-color: oklch(0.719 0.071 81);
}Tailwind CSS v4
@theme {
--color-curry-sauce: #bba071;
--color-curry-sauce-50: #fff4df;
--color-curry-sauce-100: #f3e6ce;
--color-curry-sauce-200: #e3d2b3;
--color-curry-sauce-300: #c9b58f;
--color-curry-sauce-400: #b49b6e;
--color-curry-sauce-500: #9e814e;
--color-curry-sauce-600: #866e43;
--color-curry-sauce-700: #6b5835;
--color-curry-sauce-800: #504025;
--color-curry-sauce-900: #372c19;
--color-curry-sauce-950: #22190a;
}SCSS
$curry-sauce: #bba071;
$curry-sauce-rgb: 187, 160, 113;
$curry-sauce-light: mix(#fff, $curry-sauce, 20%);
$curry-sauce-dark: mix(#000, $curry-sauce, 20%);
.element {
color: $curry-sauce;
box-shadow: 0 0 0 2px rgba($curry-sauce, 0.35);
}