Nearest named color · #D0C871
#D0C871
Nearest named color: Muted Lime
#D0C871 (rgb(208 200 113), hsl(55 50% 63%), oklch(0.821 0.109 103.9)) is closest to the named color Muted Lime. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D0C871
oklch(0.821 0.109 103.9)
Color conversions
- HEX
- #d0c871
- RGB
- rgb(208 200 113)
- HSL
- hsl(55 50% 63%)
- HWB
- hwb(55 44% 18%)
- OKLCH
- oklch(0.821 0.109 103.9)
- OKLab
- oklab(0.821 -0.026 0.106)
- CIE Lab
- lab(79.86 -5.94 44.27)
- LCH
- lch(79.86 44.67 97.6)
- CMYK
- cmyk(0% 4% 46% 18%)
Tints · Shades · Tones
Tints
- D5CE81
- D9D38F
- DED99E
- E2DEAC
- E7E4BA
- ECE9C8
- F0EFD6
- F5F4E4
- FAFAF1
Shades
- B5AE61
- 9A9452
- 807B43
- 676335
- 4F4C27
- 39361A
- 23210E
- 100F04
- 020201
Tones
- C8C174
- BFB977
- B7B279
- AFAB7B
- A7A47C
- 9F9D7D
- 97957E
- 8F8E7F
- 888780
Color harmonies
Complementary +180°
- D0C871
Muted Lime
- BCBDFF
≈ Dried Lilac
Analogous -30° +30°
- D0C871
Muted Lime
- EFBA71
≈ Pineapple Cake
- A7D48B
≈ Nature’s Delight
Triadic +120° +240°
- D0C871
Muted Lime
- 6CD4F9
≈ Heisenberg Blue
- F7A8D6
≈ Corinthian Pink
Split-complementary +150° +210°
- D0C871
Muted Lime
- 9BC8FF
≈ Apocyan
- DEAFF6
≈ Mauve
Tetradic +90° +180° +270°
- D0C871
Muted Lime
- 5FDBD9
≈ Hammam Blue
- BCBDFF
≈ Dried Lilac
- FFA9B0
≈ Apricot Haze
Contrast & accessibility
Ag
FailOn white
WCAG 1.72:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.18:1 · APCA Lc 72
Best text color: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--muted-lime: #d0c871;
--muted-lime-rgb: 208 200 113;
--muted-lime-oklch: oklch(0.821 0.109 103.9);
}
.element {
color: var(--muted-lime);
background-color: hsl(55 50% 63%);
border-color: oklch(0.821 0.109 103.9);
}Tailwind CSS v4
@theme {
--color-muted-lime: #d0c871;
--color-muted-lime-50: #f9f8d4;
--color-muted-lime-100: #ecebc1;
--color-muted-lime-200: #dad8a1;
--color-muted-lime-300: #bebb78;
--color-muted-lime-400: #a9a250;
--color-muted-lime-500: #93891f;
--color-muted-lime-600: #7c741e;
--color-muted-lime-700: #635d18;
--color-muted-lime-800: #4a430e;
--color-muted-lime-900: #332f09;
--color-muted-lime-950: #1f1b00;
}SCSS
$muted-lime: #d0c871;
$muted-lime-rgb: 208, 200, 113;
$muted-lime-light: mix(#fff, $muted-lime, 20%);
$muted-lime-dark: mix(#000, $muted-lime, 20%);
.element {
color: $muted-lime;
box-shadow: 0 0 0 2px rgba($muted-lime, 0.35);
}