命名颜色 · #9B6B45
Must Love Dogs
Must Love Dogs 即 #9B6B45：rgb(155 107 69)、hsl(27 38% 44%)、oklch(0.569 0.081 58.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Brown mean? → · Must Love Dogs color name →
#9B6B45
oklch(0.569 0.081 58.5)
颜色转换
- HEX
- #9b6b45
- RGB
- rgb(155 107 69)
- HSL
- hsl(27 38% 44%)
- HWB
- hwb(27 27% 39%)
- OKLCH
- oklch(0.569 0.081 58.5)
- OKLab
- oklab(0.569 0.042 0.069)
- CIE Lab
- lab(49.73 16.58 29.23)
- LCH
- lch(49.73 33.61 60.4)
- CMYK
- cmyk(0% 31% 55% 39%)
浅色调 · 深色调 · 灰色调
浅色调
- A57957
- AF8769
- B9967B
- C3A48D
- CDB3A0
- D7C2B2
- E1D1C5
- EBE0D8
- F5F0EB
深色调
- 865C3B
- 724E31
- 5E3F27
- 4B321E
- 392515
- 28180C
- 180D05
- 090402
- 010000
灰色调
- 996D4C
- 967052
- 947258
- 91745E
- 8F7664
- 8C786A
- 897A6F
- 867C75
- 837E7B
配色和谐
互补色 +180°
- 9B6B45
Must Love Dogs
- 467EA2
≈ Cendre Blue
类似色 -30° +30°
- 9B6B45
Must Love Dogs
- A2645C
≈ Savannah Red
- 8B753B
≈ Valley Vineyards
三角配色 +120° +240°
- 9B6B45
Must Love Dogs
- 388778
≈ Ionian
- 7D6CA1
≈ Queen’s
分裂互补色 +150° +210°
- 9B6B45
Must Love Dogs
- 308490
≈ River Fountain
- 6375A8
≈ Sudden Sapphire
四角配色 +90° +180° +270°
- 9B6B45
Must Love Dogs
- 54855C
≈ Magic Sage
- 467EA2
≈ Cendre Blue
- 92668F
≈ Chinese Violet
对比度与无障碍
Ag
AA白底
WCAG 4.58:1 · APCA Lc 72
Ag
AA黑底
WCAG 4.58:1 · APCA Lc 30
最佳文字颜色: #000000
WCAG 4.58:1 (AA) · APCA Lc 30
Contrast pairs
代码片段
CSS
:root {
--must-love-dogs: #9b6b45;
--must-love-dogs-rgb: 155 107 69;
--must-love-dogs-oklch: oklch(0.569 0.081 58.5);
}
.element {
color: var(--must-love-dogs);
background-color: hsl(27 38% 44%);
border-color: oklch(0.569 0.081 58.5);
}Tailwind CSS v4
@theme {
--color-must-love-dogs: #9b6b45;
--color-must-love-dogs-50: #fff0de;
--color-must-love-dogs-100: #fde2cd;
--color-must-love-dogs-200: #efcdb2;
--color-must-love-dogs-300: #d7ae8e;
--color-must-love-dogs-400: #c3936e;
--color-must-love-dogs-500: #ae784e;
--color-must-love-dogs-600: #936642;
--color-must-love-dogs-700: #765235;
--color-must-love-dogs-800: #583b26;
--color-must-love-dogs-900: #3d2819;
--color-must-love-dogs-950: #27160a;
}SCSS
$must-love-dogs: #9b6b45;
$must-love-dogs-rgb: 155, 107, 69;
$must-love-dogs-light: mix(#fff, $must-love-dogs, 20%);
$must-love-dogs-dark: mix(#000, $must-love-dogs, 20%);
.element {
color: $must-love-dogs;
box-shadow: 0 0 0 2px rgba($must-love-dogs, 0.35);
}