最接近的命名颜色 · #994E32
#994E32
最接近的命名颜色: Coco Muck
#994E32（rgb(153 78 50)、hsl(16 51% 40%)、oklch(0.51 0.108 40.7)）最接近命名颜色 Coco Muck。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#994E32
oklch(0.51 0.108 40.7)
颜色转换
- HEX
- #994e32
- RGB
- rgb(153 78 50)
- HSL
- hsl(16 51% 40%)
- HWB
- hwb(16 20% 40%)
- OKLCH
- oklch(0.51 0.108 40.7)
- OKLab
- oklab(0.51 0.082 0.071)
- CIE Lab
- lab(42.37 30.29 31.15)
- LCH
- lch(42.37 43.45 45.8)
- CMYK
- cmyk(0% 49% 67% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- A45F46
- AF715A
- BA826E
- C49381
- CFA596
- D9B6AA
- E3C8BF
- ECDAD4
- F6EDE9
深色调
- 84432A
- 703822
- 5D2D1B
- 4A2314
- 38190D
- 270F07
- 170703
- 080201
- 010000
灰色调
- 97543B
- 965943
- 945F4B
- 926453
- 8F695B
- 8D6D62
- 8A726A
- 877771
- 847B79
配色和谐
互补色 +180°
- 994E32
Coco Muck
- 00728B
≈ Waterworld
类似色 -30° +30°
- 994E32
Coco Muck
- 994957
≈ Baked Bahama
- 8D5904
≈ Grizzly
三角配色 +120° +240°
- 994E32
Coco Muck
- 127951
≈ Poplar Forest
- 5C5DA3
≈ Violet Storm
分裂互补色 +150° +210°
- 994E32
Coco Muck
- 007672
≈ Artisan Green
- 3069A2
≈ Distant Blue
四角配色 +90° +180° +270°
- 994E32
Coco Muck
- 50722A
≈ Loren Forest
- 00728B
≈ Waterworld
- 7A5394
≈ Juneberry
对比度与无障碍
Ag
AA白底
WCAG 6.01:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.49:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--coco-muck: #994e32;
--coco-muck-rgb: 153 78 50;
--coco-muck-oklch: oklch(0.51 0.108 40.7);
}
.element {
color: var(--coco-muck);
background-color: hsl(16 51% 40%);
border-color: oklch(0.51 0.108 40.7);
}Tailwind CSS v4
@theme {
--color-coco-muck: #994e32;
--color-coco-muck-50: #ffecdd;
--color-coco-muck-100: #ffddcc;
--color-coco-muck-200: #fdc6b0;
--color-coco-muck-300: #e7a58b;
--color-coco-muck-400: #d5886c;
--color-coco-muck-500: #c26b4b;
--color-coco-muck-600: #a45b40;
--color-coco-muck-700: #834933;
--color-coco-muck-800: #623425;
--color-coco-muck-900: #452419;
--color-coco-muck-950: #2c120a;
}SCSS
$coco-muck: #994e32;
$coco-muck-rgb: 153, 78, 50;
$coco-muck-light: mix(#fff, $coco-muck, 20%);
$coco-muck-dark: mix(#000, $coco-muck, 20%);
.element {
color: $coco-muck;
box-shadow: 0 0 0 2px rgba($coco-muck, 0.35);
}