命名颜色 · #8D7560
Belgian Sweet
Belgian Sweet 即 #8D7560：rgb(141 117 96)、hsl(28 19% 46%)、oklch(0.58 0.043 63)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Brown mean? → · Belgian Sweet color name →
#8D7560
oklch(0.58 0.043 63)
颜色转换
- HEX
- #8d7560
- RGB
- rgb(141 117 96)
- HSL
- hsl(28 19% 46%)
- HWB
- hwb(28 38% 45%)
- OKLCH
- oklch(0.58 0.043 63)
- OKLab
- oklab(0.58 0.02 0.038)
- CIE Lab
- lab(51.14 7.27 15.31)
- LCH
- lch(51.14 16.95 64.6)
- CMYK
- cmyk(0% 17% 32% 45%)
浅色调 · 深色调 · 灰色调
浅色调
- 98826F
- A38F7E
- AE9D8D
- BAAA9D
- C5B8AD
- D0C6BD
- DCD4CD
- E7E2DD
- F3F0EE
深色调
- 7A6552
- 675545
- 554638
- 44372C
- 332920
- 231C15
- 140F0A
- 070503
- 010100
灰色调
- 8C7663
- 8B7767
- 89786A
- 887A6D
- 877B70
- 857C73
- 847D77
- 837E7A
- 817F7D
配色和谐
互补色 +180°
- 8D7560
Belgian Sweet
- 647E92
≈ Pier 17 Steel
类似色 -30° +30°
- 8D7560
Belgian Sweet
- 92716A
≈ Prairie Dog
- 837A5D
≈ Aloe
三角配色 +120° +240°
- 8D7560
Belgian Sweet
- 5D837C
≈ Greenella
- 7F7490
≈ Batik Lilac
分裂互补色 +150° +210°
- 8D7560
Belgian Sweet
- 5C8189
≈ La Pineta
- 717994
≈ Royal Fortune
四角配色 +90° +180° +270°
- 8D7560
Belgian Sweet
- 67826E
≈ Wild Beet Leaf
- 647E92
≈ Pier 17 Steel
- 8A7185
≈ Sapphire Pink
对比度与无障碍
Ag
Fail白底
WCAG 4.33:1 · APCA Lc 70
Ag
AA黑底
WCAG 4.84:1 · APCA Lc 32
最佳文字颜色: #000000
WCAG 4.84:1 (AA) · APCA Lc 32
Contrast pairs
代码片段
CSS
:root {
--belgian-sweet: #8d7560;
--belgian-sweet-rgb: 141 117 96;
--belgian-sweet-oklch: oklch(0.58 0.043 63);
}
.element {
color: var(--belgian-sweet);
background-color: hsl(28 19% 46%);
border-color: oklch(0.58 0.043 63);
}Tailwind CSS v4
@theme {
--color-belgian-sweet: #8d7560;
--color-belgian-sweet-50: #fef3e9;
--color-belgian-sweet-100: #f2e5d9;
--color-belgian-sweet-200: #e2d1c2;
--color-belgian-sweet-300: #c7b3a1;
--color-belgian-sweet-400: #b19985;
--color-belgian-sweet-500: #9b8069;
--color-belgian-sweet-600: #836d59;
--color-belgian-sweet-700: #695747;
--color-belgian-sweet-800: #4e3f33;
--color-belgian-sweet-900: #362b23;
--color-belgian-sweet-950: #211912;
}SCSS
$belgian-sweet: #8d7560;
$belgian-sweet-rgb: 141, 117, 96;
$belgian-sweet-light: mix(#fff, $belgian-sweet, 20%);
$belgian-sweet-dark: mix(#000, $belgian-sweet, 20%);
.element {
color: $belgian-sweet;
box-shadow: 0 0 0 2px rgba($belgian-sweet, 0.35);
}