Nearest named color · #D9B9B2
#D9B9B2
Nearest named color: Muddy Rose
#D9B9B2 (rgb(217 185 178), hsl(11 34% 77%), oklch(0.811 0.038 32.4)) is closest to the named color Muddy Rose. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D9B9B2
oklch(0.811 0.038 32.4)
Color conversions
- HEX
- #d9b9b2
- RGB
- rgb(217 185 178)
- HSL
- hsl(11 34% 77%)
- HWB
- hwb(11 70% 15%)
- OKLCH
- oklch(0.811 0.038 32.4)
- OKLab
- oklab(0.811 0.032 0.021)
- CIE Lab
- lab(77.83 11.02 8.04)
- LCH
- lch(77.83 13.64 36.1)
- CMYK
- cmyk(0% 15% 18% 15%)
Tints · Shades · Tones
Tints
- DDC0B9
- E1C7C1
- E5CEC9
- E8D5D0
- ECDCD8
- F0E3E0
- F4EAE7
- F8F1EF
- FBF8F7
Shades
- BCA09A
- A18983
- 86716D
- 6C5B57
- 534643
- 3B312F
- 251E1D
- 110D0C
- 020201
Tones
- D0B3AD
- C7ADA8
- BEA8A3
- B5A29E
- AC9C99
- A39694
- 9A918F
- 918B8A
- 898685
Color harmonies
Complementary +180°
- D9B9B2
Muddy Rose
- A6C8D0
≈ Ocean Eyes
Analogous -30° +30°
- D9B9B2
Muddy Rose
- D8B8BF
≈ Strawberry Glaze
- D4BDA9
≈ Mushroom Cap
Triadic +120° +240°
- D9B9B2
Muddy Rose
- B0C9B6
≈ Gum Leaf
- B9C0DB
≈ Rhapsody Lilac
Split-complementary +150° +210°
- D9B9B2
Muddy Rose
- A7CAC3
≈ Wave Runner
- ADC5D9
≈ Barking Creek
Tetradic +90° +180° +270°
- D9B9B2
Muddy Rose
- BDC6AB
≈ Zion
- A6C8D0
≈ Ocean Eyes
- C6BCD6
≈ Pretty Purple
Contrast & accessibility
Ag
FailOn white
WCAG 1.82:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.53:1 · APCA Lc 69
Best text color: #000000
WCAG 11.53:1 (AAA) · APCA Lc 69
Contrast pairs
Code snippets
CSS
:root {
--muddy-rose: #d9b9b2;
--muddy-rose-rgb: 217 185 178;
--muddy-rose-oklch: oklch(0.811 0.038 32.4);
}
.element {
color: var(--muddy-rose);
background-color: hsl(11 34% 77%);
border-color: oklch(0.811 0.038 32.4);
}Tailwind CSS v4
@theme {
--color-muddy-rose: #d9b9b2;
--color-muddy-rose-50: #fff2ee;
--color-muddy-rose-100: #f4e4df;
--color-muddy-rose-200: #e4cfca;
--color-muddy-rose-300: #cab1ab;
--color-muddy-rose-400: #b49790;
--color-muddy-rose-500: #9e7d76;
--color-muddy-rose-600: #866a64;
--color-muddy-rose-700: #6b5550;
--color-muddy-rose-800: #4f3e3a;
--color-muddy-rose-900: #372a28;
--color-muddy-rose-950: #221816;
}SCSS
$muddy-rose: #d9b9b2;
$muddy-rose-rgb: 217, 185, 178;
$muddy-rose-light: mix(#fff, $muddy-rose, 20%);
$muddy-rose-dark: mix(#000, $muddy-rose, 20%);
.element {
color: $muddy-rose;
box-shadow: 0 0 0 2px rgba($muddy-rose, 0.35);
}