Nearest named color · #BD9086
#BD9086
Nearest named color: Muddy Mire
#BD9086 (rgb(189 144 134), hsl(11 29% 63%), oklch(0.693 0.057 32.8)) is closest to the named color Muddy Mire. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BD9086
oklch(0.693 0.057 32.8)
Color conversions
- HEX
- #bd9086
- RGB
- rgb(189 144 134)
- HSL
- hsl(11 29% 63%)
- HWB
- hwb(11 53% 26%)
- OKLCH
- oklch(0.693 0.057 32.8)
- OKLab
- oklab(0.693 0.048 0.031)
- CIE Lab
- lab(63.97 16.48 12.26)
- LCH
- lch(63.97 20.54 36.7)
- CMYK
- cmyk(0% 24% 29% 26%)
Tints · Shades · Tones
Tints
- C49B92
- CBA69D
- D1B0A9
- D8BBB5
- DFC6C1
- E5D2CD
- ECDDD9
- F2E8E6
- F9F4F2
Shades
- A47D74
- 8C6A62
- 745751
- 5D4540
- 473430
- 332421
- 1F1513
- 0D0706
- 020101
Tones
- B78E85
- B18D85
- AB8B84
- A58A84
- 9F8883
- 998783
- 938582
- 8C8381
- 868281
Color harmonies
Complementary +180°
- BD9086
Muddy Mire
- 73A6B1
≈ Stillwater
Analogous -30° +30°
- BD9086
Muddy Mire
- BC8E99
≈ Cherry Juice
- B69578
≈ Soft Fawn
Triadic +120° +240°
- BD9086
Muddy Mire
- 82A78C
≈ Mermaid’s Cove
- 909BC0
≈ Lavender Lustre
Split-complementary +150° +210°
- BD9086
Muddy Mire
- 74A89F
≈ Twining Vine
- 7EA1BD
≈ Far Horizons
Tetradic +90° +180° +270°
- BD9086
Muddy Mire
- 96A37B
≈ Renkon Beige
- 73A6B1
≈ Stillwater
- A394BA
≈ Yolanda
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.49:1 · APCA Lc 48
Best text color: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--muddy-mire: #bd9086;
--muddy-mire-rgb: 189 144 134;
--muddy-mire-oklch: oklch(0.693 0.057 32.8);
}
.element {
color: var(--muddy-mire);
background-color: hsl(11 29% 63%);
border-color: oklch(0.693 0.057 32.8);
}Tailwind CSS v4
@theme {
--color-muddy-mire: #bd9086;
--color-muddy-mire-50: #fff0ea;
--color-muddy-mire-100: #fae2db;
--color-muddy-mire-200: #ebccc4;
--color-muddy-mire-300: #d3aea4;
--color-muddy-mire-400: #be9389;
--color-muddy-mire-500: #a8796e;
--color-muddy-mire-600: #8e665d;
--color-muddy-mire-700: #72524a;
--color-muddy-mire-800: #543b36;
--color-muddy-mire-900: #3b2925;
--color-muddy-mire-950: #251614;
}SCSS
$muddy-mire: #bd9086;
$muddy-mire-rgb: 189, 144, 134;
$muddy-mire-light: mix(#fff, $muddy-mire, 20%);
$muddy-mire-dark: mix(#000, $muddy-mire, 20%);
.element {
color: $muddy-mire;
box-shadow: 0 0 0 2px rgba($muddy-mire, 0.35);
}