Benannte Farbe · #D0C678
Muted Lime
Muted Lime ist #D0C678: rgb(208 198 120), hsl(53 48% 64%), oklch(0.817 0.1 102). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Muted Lime color name →
#D0C678
oklch(0.817 0.1 102)
Farbumrechnungen
- HEX
- #d0c678
- RGB
- rgb(208 198 120)
- HSL
- hsl(53 48% 64%)
- HWB
- hwb(53 47% 18%)
- OKLCH
- oklch(0.817 0.1 102)
- OKLab
- oklab(0.817 -0.021 0.098)
- CIE Lab
- lab(79.42 -4.46 40.29)
- LCH
- lch(79.42 40.53 96.3)
- CMYK
- cmyk(0% 5% 42% 18%)
Tints · Shades · Tones
Tints
- D5CC86
- D9D294
- DED7A2
- E2DDB0
- E7E3BD
- ECE8CA
- F1EED7
- F5F4E5
- FAF9F2
Shades
- B5AC67
- 9A9257
- 807A48
- 676239
- 4F4B2A
- 39351D
- 232110
- 100E05
- 020201
Tones
- C8BF7A
- BFB87C
- B7B17D
- AFAA7E
- A7A37F
- 9F9C7F
- 979580
- 8F8E80
- 888780
Farbharmonien
Komplementär +180°
- D0C678
Muted Lime
- B9BCFF
≈ Dried Lilac
Analog -30° +30°
- D0C678
Muted Lime
- ECB979
≈ Kernel
- ABD18D
≈ Nature’s Delight
Triadisch +120° +240°
- D0C678
Muted Lime
- 74D2F2
≈ Heisenberg Blue
- F1AAD6
≈ Pretty Pink Piggy
Geteilt komplementär +150° +210°
- D0C678
Muted Lime
- 97C8FF
≈ Apocyan
- D9B1F3
≈ Light Violet
Tetradisch +90° +180° +270°
- D0C678
Muted Lime
- 6CD8D4
≈ Hammam Blue
- B9BCFF
≈ Dried Lilac
- FDA8B2
≈ A Brand New Day
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.74:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.03:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--muted-lime: #d0c678;
--muted-lime-rgb: 208 198 120;
--muted-lime-oklch: oklch(0.817 0.1 102);
}
.element {
color: var(--muted-lime);
background-color: hsl(53 48% 64%);
border-color: oklch(0.817 0.1 102);
}Tailwind CSS v4
@theme {
--color-muted-lime: #d0c678;
--color-muted-lime-50: #f9f7d7;
--color-muted-lime-100: #edeac4;
--color-muted-lime-200: #dbd7a6;
--color-muted-lime-300: #c0ba7e;
--color-muted-lime-400: #aaa158;
--color-muted-lime-500: #94882e;
--color-muted-lime-600: #7d7329;
--color-muted-lime-700: #645c21;
--color-muted-lime-800: #4a4315;
--color-muted-lime-900: #342e0d;
--color-muted-lime-950: #1f1b02;
}SCSS
$muted-lime: #d0c678;
$muted-lime-rgb: 208, 198, 120;
$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);
}