最接近的命名颜色 · #854733
#854733
最接近的命名颜色: Cacao Nibs
#854733（rgb(133 71 51)、hsl(15 45% 36%)、oklch(0.469 0.09 38.6)）最接近命名颜色 Cacao Nibs。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#854733
oklch(0.469 0.09 38.6)
颜色转换
- HEX
- #854733
- RGB
- rgb(133 71 51)
- HSL
- hsl(15 45% 36%)
- HWB
- hwb(15 20% 48%)
- OKLCH
- oklch(0.469 0.09 38.6)
- OKLab
- oklab(0.469 0.071 0.056)
- CIE Lab
- lab(37.73 25.63 24.22)
- LCH
- lch(37.73 35.27 43.4)
- CMYK
- cmyk(0% 47% 62% 48%)
浅色调 · 深色调 · 灰色调
浅色调
- 925846
- 9E6A59
- AB7C6D
- B78E80
- C3A095
- CFB2A9
- DBC5BE
- E7D8D3
- F3EBE9
深色调
- 733D2B
- 613223
- 50281C
- 401F14
- 30160D
- 210D07
- 130603
- 060201
- 010000
灰色调
- 854D3B
- 855343
- 85594B
- 855F52
- 85645A
- 846A62
- 847069
- 837571
- 817B78
配色和谐
互补色 +180°
- 854733
Cacao Nibs
- 00657A
≈ Striking
类似色 -30° +30°
- 854733
Cacao Nibs
- 854350
≈ Sugar Beet
- 7B5018
≈ Medium Brown
三角配色 +120° +240°
- 854733
Cacao Nibs
- 236A47
≈ Pumpkin Green
- 50548C
≈ Baby Whale
分裂互补色 +150° +210°
- 854733
Cacao Nibs
- 006963
≈ Butterfly Green
- 2D5E8B
≈ Moroccan Resort
四角配色 +90° +180° +270°
- 854733
Cacao Nibs
- 4B6429
≈ Dell
- 00657A
≈ Striking
- 694C81
≈ Violet Majesty
对比度与无障碍
Ag
AAA白底
WCAG 7.12:1 · APCA Lc 84
Ag
Fail黑底
WCAG 2.94:1 · APCA Lc 18
最佳文字颜色: #FFFFFF
WCAG 7.12:1 (AAA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--cacao-nibs: #854733;
--cacao-nibs-rgb: 133 71 51;
--cacao-nibs-oklch: oklch(0.469 0.09 38.6);
}
.element {
color: var(--cacao-nibs);
background-color: hsl(15 45% 36%);
border-color: oklch(0.469 0.09 38.6);
}Tailwind CSS v4
@theme {
--color-cacao-nibs: #854733;
--color-cacao-nibs-50: #ffede2;
--color-cacao-nibs-100: #ffdfd1;
--color-cacao-nibs-200: #f7c8b7;
--color-cacao-nibs-300: #e1a894;
--color-cacao-nibs-400: #cd8c77;
--color-cacao-nibs-500: #b97059;
--color-cacao-nibs-600: #9d5f4c;
--color-cacao-nibs-700: #7e4c3c;
--color-cacao-nibs-800: #5d372c;
--color-cacao-nibs-900: #41251d;
--color-cacao-nibs-950: #2a140e;
}SCSS
$cacao-nibs: #854733;
$cacao-nibs-rgb: 133, 71, 51;
$cacao-nibs-light: mix(#fff, $cacao-nibs, 20%);
$cacao-nibs-dark: mix(#000, $cacao-nibs, 20%);
.element {
color: $cacao-nibs;
box-shadow: 0 0 0 2px rgba($cacao-nibs, 0.35);
}