最接近的命名颜色 · #754D2B
#754D2B
最接近的命名颜色: Chocolate Bells
#754D2B（rgb(117 77 43)、hsl(28 46% 31%)、oklch(0.457 0.073 59.8)）最接近命名颜色 Chocolate Bells。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#754D2B
oklch(0.457 0.073 59.8)
颜色转换
- HEX
- #754d2b
- RGB
- rgb(117 77 43)
- HSL
- hsl(28 46% 31%)
- HWB
- hwb(28 17% 54%)
- OKLCH
- oklch(0.457 0.073 59.8)
- OKLab
- oklab(0.457 0.037 0.063)
- CIE Lab
- lab(36.79 14.67 27.1)
- LCH
- lch(36.79 30.81 61.6)
- CMYK
- cmyk(0% 34% 63% 54%)
浅色调 · 深色调 · 灰色调
浅色调
- 835D3F
- 906E53
- 9E7F68
- AB917C
- B9A291
- C7B4A6
- D5C7BC
- E3D9D2
- F1ECE8
深色调
- 654224
- 55371D
- 462C16
- 372210
- 29180A
- 1C0F05
- 0F0702
- 050201
- 010000
灰色调
- 765234
- 78573D
- 795D46
- 7A624E
- 7C6757
- 7D6C5F
- 7E7167
- 7F766F
- 7F7B78
配色和谐
互补色 +180°
- 754D2B
Chocolate Bells
- 2D5C7C
≈ Nautical Creatures
类似色 -30° +30°
- 754D2B
Chocolate Bells
- 7B473F
≈ Texas Sweet Tea
- 675522
≈ Field Drab
三角配色 +120° +240°
- 754D2B
Chocolate Bells
- 1C6459
≈ Humboldt Redwoods
- 5D4E7A
≈ Imperial Palace
分裂互补色 +150° +210°
- 754D2B
Chocolate Bells
- 14626E
≈ Blue Lagoon
- 475580
≈ Mozart
四角配色 +90° +180° +270°
- 754D2B
Chocolate Bells
- 386341
≈ Forest Serenade
- 2D5C7C
≈ Nautical Creatures
- 6E486B
≈ Old Fashioned Purple
对比度与无障碍
Ag
AAA白底
WCAG 7.36:1 · APCA Lc 85
Ag
Fail黑底
WCAG 2.85:1 · APCA Lc 17
最佳文字颜色: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--chocolate-bells: #754d2b;
--chocolate-bells-rgb: 117 77 43;
--chocolate-bells-oklch: oklch(0.457 0.073 59.8);
}
.element {
color: var(--chocolate-bells);
background-color: hsl(28 46% 31%);
border-color: oklch(0.457 0.073 59.8);
}Tailwind CSS v4
@theme {
--color-chocolate-bells: #754d2b;
--color-chocolate-bells-50: #fff1e1;
--color-chocolate-bells-100: #fae3d0;
--color-chocolate-bells-200: #ecceb5;
--color-chocolate-bells-300: #d3b092;
--color-chocolate-bells-400: #bf9573;
--color-chocolate-bells-500: #aa7b54;
--color-chocolate-bells-600: #906847;
--color-chocolate-bells-700: #735339;
--color-chocolate-bells-800: #563c29;
--color-chocolate-bells-900: #3c291b;
--color-chocolate-bells-950: #25170c;
}SCSS
$chocolate-bells: #754d2b;
$chocolate-bells-rgb: 117, 77, 43;
$chocolate-bells-light: mix(#fff, $chocolate-bells, 20%);
$chocolate-bells-dark: mix(#000, $chocolate-bells, 20%);
.element {
color: $chocolate-bells;
box-shadow: 0 0 0 2px rgba($chocolate-bells, 0.35);
}