Named color · #9B6B45
Must Love Dogs
Must Love Dogs is #9B6B45: rgb(155 107 69), hsl(27 38% 44%), oklch(0.569 0.081 58.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Must Love Dogs color name →
#9B6B45
oklch(0.569 0.081 58.5)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- A57957
- AF8769
- B9967B
- C3A48D
- CDB3A0
- D7C2B2
- E1D1C5
- EBE0D8
- F5F0EB
Shades
- 865C3B
- 724E31
- 5E3F27
- 4B321E
- 392515
- 28180C
- 180D05
- 090402
- 010000
Tones
- 996D4C
- 967052
- 947258
- 91745E
- 8F7664
- 8C786A
- 897A6F
- 867C75
- 837E7B
Color harmonies
Complementary +180°
- 9B6B45
Must Love Dogs
- 467EA2
≈ Cendre Blue
Analogous -30° +30°
- 9B6B45
Must Love Dogs
- A2645C
≈ Savannah Red
- 8B753B
≈ Valley Vineyards
Triadic +120° +240°
- 9B6B45
Must Love Dogs
- 388778
≈ Ionian
- 7D6CA1
≈ Queen’s
Split-complementary +150° +210°
- 9B6B45
Must Love Dogs
- 308490
≈ River Fountain
- 6375A8
≈ Sudden Sapphire
Tetradic +90° +180° +270°
- 9B6B45
Must Love Dogs
- 54855C
≈ Magic Sage
- 467EA2
≈ Cendre Blue
- 92668F
≈ Chinese Violet
Contrast & accessibility
Ag
AAOn white
WCAG 4.58:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.58:1 · APCA Lc 30
Best text color: #000000
WCAG 4.58:1 (AA) · APCA Lc 30
Contrast pairs
Code snippets
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);
}