命名颜色 · #BC9B4E
Brown Rum
Brown Rum 即 #BC9B4E：rgb(188 155 78)、hsl(42 45% 52%)、oklch(0.704 0.104 86.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Brown Rum color name →
#BC9B4E
oklch(0.704 0.104 86.3)
颜色转换
- HEX
- #bc9b4e
- RGB
- rgb(188 155 78)
- HSL
- hsl(42 45% 52%)
- HWB
- hwb(42 31% 26%)
- OKLCH
- oklch(0.704 0.104 86.3)
- OKLab
- oklab(0.704 0.007 0.103)
- CIE Lab
- lab(65.86 5.97 44.46)
- LCH
- lch(65.86 44.86 82.4)
- CMYK
- cmyk(0% 18% 59% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- C3A561
- C9AF74
- D0B986
- D7C397
- DDCDA8
- E4D7BA
- EBE1CB
- F1EBDC
- F8F5EE
深色调
- A38643
- 8B7238
- 735E2D
- 5D4B23
- 473919
- 32280F
- 1F1807
- 0D0902
- 020100
灰色调
- B69855
- B0965B
- AA9361
- A49167
- 9E8E6C
- 988B70
- 928974
- 8C8679
- 86837C
配色和谐
互补色 +180°
- BC9B4E
Brown Rum
- 829EE1
≈ Portage
类似色 -30° +30°
- BC9B4E
Brown Rum
- D18E5D
≈ Whiskey
- 9CA85A
≈ Springtide Melodies
三角配色 +120° +240°
- BC9B4E
Brown Rum
- 3CB2C0
≈ Glassmith
- C289C2
≈ Dragonflies
分裂互补色 +150° +210°
- BC9B4E
Brown Rum
- 5AA9D8
≈ Cousteau
- A692D9
≈ Middy’s Purple
四角配色 +90° +180° +270°
- BC9B4E
Brown Rum
- 4BB59E
≈ Sacred Turquoise
- 829EE1
≈ Portage
- D384A1
≈ Heirloom Rose
对比度与无障碍
Ag
Fail白底
WCAG 2.64:1 · APCA Lc 51
Ag
AAA黑底
WCAG 7.93:1 · APCA Lc 50
最佳文字颜色: #000000
WCAG 7.93:1 (AAA) · APCA Lc 50
Contrast pairs
代码片段
CSS
:root {
--brown-rum: #bc9b4e;
--brown-rum-rgb: 188 155 78;
--brown-rum-oklch: oklch(0.704 0.104 86.3);
}
.element {
color: var(--brown-rum);
background-color: hsl(42 45% 52%);
border-color: oklch(0.704 0.104 86.3);
}Tailwind CSS v4
@theme {
--color-brown-rum: #bc9b4e;
--color-brown-rum-50: #fff4d4;
--color-brown-rum-100: #f6e7c1;
--color-brown-rum-200: #e6d3a2;
--color-brown-rum-300: #cdb579;
--color-brown-rum-400: #b99a52;
--color-brown-rum-500: #a48124;
--color-brown-rum-600: #8b6d21;
--color-brown-rum-700: #6f571a;
--color-brown-rum-800: #533f11;
--color-brown-rum-900: #3a2b0a;
--color-brown-rum-950: #241801;
}SCSS
$brown-rum: #bc9b4e;
$brown-rum-rgb: 188, 155, 78;
$brown-rum-light: mix(#fff, $brown-rum, 20%);
$brown-rum-dark: mix(#000, $brown-rum, 20%);
.element {
color: $brown-rum;
box-shadow: 0 0 0 2px rgba($brown-rum, 0.35);
}