Nearest named color · #D3B9AC
#D3B9AC
Nearest named color: Mothy
#D3B9AC (rgb(211 185 172), hsl(20 31% 75%), oklch(0.804 0.035 48.3)) is closest to the named color Mothy. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D3B9AC
oklch(0.804 0.035 48.3)
Color conversions
- HEX
- #d3b9ac
- RGB
- rgb(211 185 172)
- HSL
- hsl(20 31% 75%)
- HWB
- hwb(20 67% 17%)
- OKLCH
- oklch(0.804 0.035 48.3)
- OKLab
- oklab(0.804 0.023 0.026)
- CIE Lab
- lab(77.15 8.06 10.21)
- LCH
- lch(77.15 13.01 51.7)
- CMYK
- cmyk(0% 12% 18% 17%)
Tints · Shades · Tones
Tints
- D7C0B4
- DCC7BC
- E0CEC4
- E5D5CD
- E9DCD5
- EEE3DD
- F2EAE6
- F6F1EE
- FBF8F6
Shades
- B7A095
- 9C897F
- 827169
- 695B54
- 514640
- 3A312D
- 241E1B
- 100D0B
- 020201
Tones
- CAB3A8
- C2ADA3
- B9A89F
- B1A29A
- A99C96
- A09691
- 98918D
- 908B89
- 888684
Color harmonies
Complementary +180°
- D3B9AC
Mothy
- A9C4D1
≈ Thunder Chi
Analogous -30° +30°
- D3B9AC
Mothy
- D5B7B6
≈ Rose Stain
- CCBDA6
≈ Downing Sand
Triadic +120° +240°
- D3B9AC
Mothy
- AAC7BB
≈ Wave Runner
- BDBCD5
≈ Lavender Grey
Split-complementary +150° +210°
- D3B9AC
Mothy
- A6C6C7
≈ Twin Cities
- B2C0D6
≈ Movie Magic
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.85:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.30:1 · APCA Lc 68
Best text color: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--mothy: #d3b9ac;
--mothy-rgb: 211 185 172;
--mothy-oklch: oklch(0.804 0.035 48.3);
}
.element {
color: var(--mothy);
background-color: hsl(20 31% 75%);
border-color: oklch(0.804 0.035 48.3);
}Tailwind CSS v4
@theme {
--color-mothy: #d3b9ac;
--color-mothy-50: #fef3ec;
--color-mothy-100: #f2e5de;
--color-mothy-200: #e1d0c7;
--color-mothy-300: #c7b3a8;
--color-mothy-400: #b1998d;
--color-mothy-500: #9a8072;
--color-mothy-600: #826c61;
--color-mothy-700: #68564d;
--color-mothy-800: #4d3f38;
--color-mothy-900: #362b26;
--color-mothy-950: #211915;
}SCSS
$mothy: #d3b9ac;
$mothy-rgb: 211, 185, 172;
$mothy-light: mix(#fff, $mothy, 20%);
$mothy-dark: mix(#000, $mothy, 20%);
.element {
color: $mothy;
box-shadow: 0 0 0 2px rgba($mothy, 0.35);
}