最接近的命名颜色 · #846042
#846042
最接近的命名颜色: Man Cave
#846042（rgb(132 96 66)、hsl(27 33% 39%)、oklch(0.519 0.064 60.5)）最接近命名颜色 Man Cave。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#846042
oklch(0.519 0.064 60.5)
颜色转换
- HEX
- #846042
- RGB
- rgb(132 96 66)
- HSL
- hsl(27 33% 39%)
- HWB
- hwb(27 26% 48%)
- OKLCH
- oklch(0.519 0.064 60.5)
- OKLab
- oklab(0.519 0.032 0.056)
- CIE Lab
- lab(44.02 12.27 23.14)
- LCH
- lch(44.02 26.19 62.1)
- CMYK
- cmyk(0% 27% 50% 48%)
浅色调 · 深色调 · 灰色调
浅色调
- 906F54
- 9C7E66
- A88D78
- B49D8A
- C1AD9D
- CDBDB0
- D9CDC3
- E6DDD7
- F2EEEB
深色调
- 725238
- 60452F
- 4F3825
- 3F2C1C
- 2F2014
- 20150B
- 120A05
- 060301
- 010000
灰色调
- 846349
- 84674F
- 836A55
- 836D5B
- 837062
- 827368
- 82776E
- 817A74
- 817D7A
配色和谐
互补色 +180°
- 846042
Man Cave
- 456E8A
≈ Sojourn Blue
类似色 -30° +30°
- 846042
Man Cave
- 8A5B52
≈ Raspberry Truffle
- 77673C
≈ Nutria
三角配色 +120° +240°
- 846042
Man Cave
- 3A756A
≈ Green Sleeves
- 6E6088
≈ Posy Purple
分裂互补色 +150° +210°
- 846042
Man Cave
- 37737D
≈ Grand Rapids
- 5A678E
≈ Allegiance
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 5.62:1 · APCA Lc 78
Ag
Fail黑底
WCAG 3.73:1 · APCA Lc 24
最佳文字颜色: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 78
Contrast pairs
代码片段
CSS
:root {
--man-cave: #846042;
--man-cave-rgb: 132 96 66;
--man-cave-oklch: oklch(0.519 0.064 60.5);
}
.element {
color: var(--man-cave);
background-color: hsl(27 33% 39%);
border-color: oklch(0.519 0.064 60.5);
}Tailwind CSS v4
@theme {
--color-man-cave: #846042;
--color-man-cave-50: #fff2e3;
--color-man-cave-100: #f8e4d3;
--color-man-cave-200: #e9cfb9;
--color-man-cave-300: #d0b196;
--color-man-cave-400: #bb9678;
--color-man-cave-500: #a67c5a;
--color-man-cave-600: #8c694d;
--color-man-cave-700: #70543d;
--color-man-cave-800: #533d2c;
--color-man-cave-900: #3a2a1e;
--color-man-cave-950: #24170e;
}SCSS
$man-cave: #846042;
$man-cave-rgb: 132, 96, 66;
$man-cave-light: mix(#fff, $man-cave, 20%);
$man-cave-dark: mix(#000, $man-cave, 20%);
.element {
color: $man-cave;
box-shadow: 0 0 0 2px rgba($man-cave, 0.35);
}