Benannte Farbe · #948B76
Sage Advice
Sage Advice ist #948B76: rgb(148 139 118), hsl(42 12% 52%), oklch(0.639 0.032 87.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sage Advice color name →
#948B76
oklch(0.639 0.032 87.6)
Farbumrechnungen
- HEX
- #948b76
- RGB
- rgb(148 139 118)
- HSL
- hsl(42 12% 52%)
- HWB
- hwb(42 46% 42%)
- OKLCH
- oklch(0.639 0.032 87.6)
- OKLab
- oklab(0.639 0.001 0.032)
- CIE Lab
- lab(58.22 0.8 12.56)
- LCH
- lch(58.22 12.58 86.4)
- CMYK
- cmyk(0% 6% 20% 42%)
Tints · Shades · Tones
Tints
- 9E9683
- A9A190
- B3AC9D
- BEB8AB
- C8C3B8
- D3CFC6
- DEDBD4
- E9E7E2
- F4F3F1
Shades
- 807866
- 6D6656
- 5A5447
- 484338
- 363229
- 26231C
- 16140F
- 080705
- 010101
Tones
- 928A77
- 908978
- 8E8879
- 8C877A
- 8A867B
- 88847C
- 86837D
- 84827E
- 82817F
Farbharmonien
Komplementär +180°
- 948B76
Sage Advice
- 838CA0
≈ Prophetic Sea
Analog -30° +30°
- 948B76
Sage Advice
- 9B8779
≈ Almond Frost
- 8A8F79
≈ Epic Green
Triadisch +120° +240°
- 948B76
Sage Advice
- 769296
≈ Miracle Bay
- 978596
≈ Femme Fatale
Geteilt komplementär +150° +210°
- 948B76
Sage Advice
- 7A8F9D
≈ Sidewalk Grey
- 8E889D
≈ Antiquate
Tetradisch +90° +180° +270°
- 948B76
Sage Advice
- 78938B
≈ Longmeadow
- 838CA0
≈ Prophetic Sea
- 9D848C
≈ Orchard Plum
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.37:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.21:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.21:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--sage-advice: #948b76;
--sage-advice-rgb: 148 139 118;
--sage-advice-oklch: oklch(0.639 0.032 87.6);
}
.element {
color: var(--sage-advice);
background-color: hsl(42 12% 52%);
border-color: oklch(0.639 0.032 87.6);
}Tailwind CSS v4
@theme {
--color-sage-advice: #948b76;
--color-sage-advice-50: #f9f5eb;
--color-sage-advice-100: #ece8dc;
--color-sage-advice-200: #d9d4c5;
--color-sage-advice-300: #beb7a5;
--color-sage-advice-400: #a69e89;
--color-sage-advice-500: #8f856e;
--color-sage-advice-600: #79715e;
--color-sage-advice-700: #615a4b;
--color-sage-advice-800: #474236;
--color-sage-advice-900: #312d25;
--color-sage-advice-950: #1d1a13;
}SCSS
$sage-advice: #948b76;
$sage-advice-rgb: 148, 139, 118;
$sage-advice-light: mix(#fff, $sage-advice, 20%);
$sage-advice-dark: mix(#000, $sage-advice, 20%);
.element {
color: $sage-advice;
box-shadow: 0 0 0 2px rgba($sage-advice, 0.35);
}