Benannte Farbe · #5E6A61
Sage Shadow
Sage Shadow ist #5E6A61: rgb(94 106 97), hsl(135 6% 39%), oklch(0.511 0.02 153.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sage Shadow color name →
#5E6A61
oklch(0.511 0.02 153.2)
Farbumrechnungen
- HEX
- #5e6a61
- RGB
- rgb(94 106 97)
- HSL
- hsl(135 6% 39%)
- HWB
- hwb(135 37% 58%)
- OKLCH
- oklch(0.511 0.02 153.2)
- OKLab
- oklab(0.511 -0.018 0.009)
- CIE Lab
- lab(43.58 -6.18 3.44)
- LCH
- lch(43.58 7.08 150.9)
- CMYK
- cmyk(11% 0% 8% 58%)
Tints · Shades · Tones
Tints
- 6D786F
- 7C867E
- 8B948D
- 9BA39D
- ABB2AD
- BBC1BD
- CCD0CD
- DDDFDD
- EEEFEE
Shades
- 515B53
- 444D46
- 373F39
- 2B312D
- 1F2421
- 141815
- 0A0D0B
- 030403
- 000000
Tones
- 616C64
- 656E67
- 68716A
- 6B736D
- 6F7570
- 727773
- 767977
- 797C7A
- 7D7E7D
Farbharmonien
Komplementär +180°
- 5E6A61
Sage Shadow
- 6E626B
≈ Vintage Grape
Analog -30° +30°
- 5E6A61
Sage Shadow
- 64695C
≈ Greenish Grey Bark
- 5A6A67
≈ Artistic Stone
Triadisch +120° +240°
- 5E6A61
Sage Shadow
- 626672
≈ British Shorthair
- 72625F
≈ Wright Brown
Geteilt komplementär +150° +210°
- 5E6A61
Sage Shadow
- 696470
≈ Silverado
- 716265
≈ Dignified Purple
Tetradisch +90° +180° +270°
- 5E6A61
Sage Shadow
- 5D6871
≈ King Creek Falls
- 6E626B
≈ Vintage Grape
- 6F645B
≈ Leroy
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.66:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.71:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.66:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--sage-shadow: #5e6a61;
--sage-shadow-rgb: 94 106 97;
--sage-shadow-oklch: oklch(0.511 0.02 153.2);
}
.element {
color: var(--sage-shadow);
background-color: hsl(135 6% 39%);
border-color: oklch(0.511 0.02 153.2);
}Tailwind CSS v4
@theme {
--color-sage-shadow: #5e6a61;
--color-sage-shadow-50: #f1f7f3;
--color-sage-shadow-100: #e3eae5;
--color-sage-shadow-200: #ced7d0;
--color-sage-shadow-300: #b0bbb3;
--color-sage-shadow-400: #96a299;
--color-sage-shadow-500: #7c8a80;
--color-sage-shadow-600: #69756c;
--color-sage-shadow-700: #545e57;
--color-sage-shadow-800: #3d443f;
--color-sage-shadow-900: #2a2f2b;
--color-sage-shadow-950: #181c19;
}SCSS
$sage-shadow: #5e6a61;
$sage-shadow-rgb: 94, 106, 97;
$sage-shadow-light: mix(#fff, $sage-shadow, 20%);
$sage-shadow-dark: mix(#000, $sage-shadow, 20%);
.element {
color: $sage-shadow;
box-shadow: 0 0 0 2px rgba($sage-shadow, 0.35);
}