最接近的命名颜色 · #B27700
#B27700
最接近的命名颜色: Falafel
#B27700（rgb(178 119 0)、hsl(40 100% 35%)、oklch(0.615 0.13 74.5)）最接近命名颜色 Falafel。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B27700
oklch(0.615 0.13 74.5)
颜色转换
- HEX
- #b27700
- RGB
- rgb(178 119 0)
- HSL
- hsl(40 100% 35%)
- HWB
- hwb(40 0% 30%)
- OKLCH
- oklch(0.615 0.13 74.5)
- OKLab
- oklab(0.615 0.035 0.125)
- CIE Lab
- lab(55.21 18.23 61.17)
- LCH
- lch(55.21 63.83 73.4)
- CMYK
- cmyk(0% 33% 100% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- BA8532
- C2924D
- CAA065
- D2AD7C
- DABB92
- E1C8A7
- E9D6BD
- F0E4D3
- F8F1E9
深色调
- 9A6700
- 835700
- 6D4700
- 573800
- 432A00
- 2F1C00
- 1D1000
- 0C0500
- 010100
灰色调
- AD7822
- A87A34
- A47B41
- 9F7C4C
- 9A7D56
- 957E5F
- 907F68
- 8B7F70
- 858078
配色和谐
互补色 +180°
- B27700
Falafel
- 4987D1
≈ Blue Sonki
类似色 -30° +30°
- B27700
Falafel
- C4683D
≈ Determined Orange
- 928800
≈ Medusa Green
三角配色 +120° +240°
- B27700
Falafel
- 009898
≈ Regula Barbara Blue
- A16BBB
≈ Prickly Purple
分裂互补色 +150° +210°
- B27700
Falafel
- 0093B8
≈ Blue Danube
- 7D78CF
≈ Kickstart Purple
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.79:1 · APCA Lc 65
Ag
AA黑底
WCAG 5.53:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.53:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--falafel: #b27700;
--falafel-rgb: 178 119 0;
--falafel-oklch: oklch(0.615 0.13 74.5);
}
.element {
color: var(--falafel);
background-color: hsl(40 100% 35%);
border-color: oklch(0.615 0.13 74.5);
}Tailwind CSS v4
@theme {
--color-falafel: #b27700;
--color-falafel-50: #fff1cc;
--color-falafel-100: #ffe3b8;
--color-falafel-200: #f4cd95;
--color-falafel-300: #ddae68;
--color-falafel-400: #cb923a;
--color-falafel-500: #b87600;
--color-falafel-600: #9b6400;
--color-falafel-700: #7d5000;
--color-falafel-800: #5d3a00;
--color-falafel-900: #412700;
--color-falafel-950: #2a1500;
}SCSS
$falafel: #b27700;
$falafel-rgb: 178, 119, 0;
$falafel-light: mix(#fff, $falafel, 20%);
$falafel-dark: mix(#000, $falafel, 20%);
.element {
color: $falafel;
box-shadow: 0 0 0 2px rgba($falafel, 0.35);
}