Nächste benannte Farbe · #C5BF79
#C5BF79
Nächste benannte Farbe: Muted Lime
#C5BF79 (rgb(197 191 121), hsl(55 40% 62%), oklch(0.794 0.091 104)) liegt am nächsten an der benannten Farbe Muted Lime. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C5BF79
oklch(0.794 0.091 104)
Farbumrechnungen
- HEX
- #c5bf79
- RGB
- rgb(197 191 121)
- HSL
- hsl(55 40% 62%)
- HWB
- hwb(55 47% 23%)
- OKLCH
- oklch(0.794 0.091 104)
- OKLab
- oklab(0.794 -0.022 0.088)
- CIE Lab
- lab(76.64 -5.39 36.09)
- LCH
- lch(76.64 36.49 98.5)
- CMYK
- cmyk(0% 3% 39% 23%)
Tints · Shades · Tones
Tints
- CBC587
- D0CC95
- D6D2A2
- DCD9AF
- E1DFBD
- E7E5CA
- EDECD7
- F3F2E4
- F9F9F2
Shades
- ABA668
- 928D58
- 797548
- 615E39
- 4B482B
- 35331D
- 211F10
- 0E0D05
- 020201
Tones
- BEB97B
- B7B27C
- B0AC7D
- A9A67E
- A29F7F
- 9B997F
- 949380
- 8D8C80
- 878680
Farbharmonien
Komplementär +180°
- C5BF79
Muted Lime
- B4B4F5
≈ Purple Illusion
Analog -30° +30°
- C5BF79
Muted Lime
- DFB379
≈ High Plateau
- A4C98D
≈ Venerable Verde
Triadisch +120° +240°
- C5BF79
Muted Lime
- 77C9E7
≈ Bliss Blue
- E6A4CA
≈ Prettiest Pink
Geteilt komplementär +150° +210°
- C5BF79
Muted Lime
- 93BFF5
≈ Sail to the Sea
- D1ABE5
≈ Tropical Violet
Tetradisch +90° +180° +270°
- C5BF79
Muted Lime
- 6ECECD
≈ Tropical Splash
- B4B4F5
≈ Purple Illusion
- F0A4AA
≈ Pinque
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.10:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--muted-lime: #c5bf79;
--muted-lime-rgb: 197 191 121;
--muted-lime-oklch: oklch(0.794 0.091 104);
}
.element {
color: var(--muted-lime);
background-color: hsl(55 40% 62%);
border-color: oklch(0.794 0.091 104);
}Tailwind CSS v4
@theme {
--color-muted-lime: #c5bf79;
--color-muted-lime-50: #f8f7da;
--color-muted-lime-100: #ebeac8;
--color-muted-lime-200: #d9d7ab;
--color-muted-lime-300: #bdbb84;
--color-muted-lime-400: #a7a160;
--color-muted-lime-500: #90893b;
--color-muted-lime-600: #7a7433;
--color-muted-lime-700: #625d29;
--color-muted-lime-800: #49431b;
--color-muted-lime-900: #322f12;
--color-muted-lime-950: #1e1b04;
}SCSS
$muted-lime: #c5bf79;
$muted-lime-rgb: 197, 191, 121;
$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);
}