命名颜色 · #BCA177
Mesa
Mesa 即 #BCA177：rgb(188 161 119)、hsl(37 34% 60%)、oklch(0.723 0.065 78.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Mesa color name →
#BCA177
oklch(0.723 0.065 78.4)
颜色转换
- HEX
- #bca177
- RGB
- rgb(188 161 119)
- HSL
- hsl(37 34% 60%)
- HWB
- hwb(37 47% 26%)
- OKLCH
- oklch(0.723 0.065 78.4)
- OKLab
- oklab(0.723 0.013 0.064)
- CIE Lab
- lab(67.92 5.82 25.79)
- LCH
- lch(67.92 26.44 77.3)
- CMYK
- cmyk(0% 14% 37% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- C3AA84
- C9B392
- D0BD9F
- D7C6AD
- DDCFBA
- E4D9C8
- EBE2D5
- F1ECE3
- F8F5F1
深色调
- A38B67
- 8B7657
- 736247
- 5D4E38
- 473C2A
- 322A1C
- 1F1910
- 0D0905
- 020101
灰色调
- B69E78
- B09A7A
- AA977B
- A4947C
- 9E917D
- 988D7D
- 928A7E
- 8C877F
- 86837F
配色和谐
互补色 +180°
- BCA177
Mesa
- 8DA7CF
≈ Old World
类似色 -30° +30°
- BCA177
Mesa
- C89A82
≈ Chinook Salmon
- A9A979
≈ Cardamom
三角配色 +120° +240°
分裂互补色 +150° +210°
- BCA177
Mesa
- 7AAEC6
≈ Soul Blue
- A39FCD
≈ Wistful
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.46:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.50:1 · APCA Lc 53
最佳文字颜色: #000000
WCAG 8.50:1 (AAA) · APCA Lc 53
Contrast pairs
代码片段
CSS
:root {
--mesa: #bca177;
--mesa-rgb: 188 161 119;
--mesa-oklch: oklch(0.723 0.065 78.4);
}
.element {
color: var(--mesa);
background-color: hsl(37 34% 60%);
border-color: oklch(0.723 0.065 78.4);
}Tailwind CSS v4
@theme {
--color-mesa: #bca177;
--color-mesa-50: #fff4e1;
--color-mesa-100: #f3e6d0;
--color-mesa-200: #e3d2b6;
--color-mesa-300: #c9b492;
--color-mesa-400: #b49a73;
--color-mesa-500: #9e8153;
--color-mesa-600: #856d47;
--color-mesa-700: #6b5739;
--color-mesa-800: #4f3f28;
--color-mesa-900: #372c1b;
--color-mesa-950: #22190b;
}SCSS
$mesa: #bca177;
$mesa-rgb: 188, 161, 119;
$mesa-light: mix(#fff, $mesa, 20%);
$mesa-dark: mix(#000, $mesa, 20%);
.element {
color: $mesa;
box-shadow: 0 0 0 2px rgba($mesa, 0.35);
}