Benannte Farbe · #888E7E
Tea Leaf Mouse
Tea Leaf Mouse ist #888E7E: rgb(136 142 126), hsl(83 7% 53%), oklch(0.637 0.024 123.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tea Leaf Mouse color name →
#888E7E
oklch(0.637 0.024 123.9)
Farbumrechnungen
- HEX
- #888e7e
- RGB
- rgb(136 142 126)
- HSL
- hsl(83 7% 53%)
- HWB
- hwb(83 49% 44%)
- OKLCH
- oklch(0.637 0.024 123.9)
- OKLab
- oklab(0.637 -0.014 0.02)
- CIE Lab
- lab(58.16 -4.55 7.77)
- LCH
- lch(58.16 9 120.4)
- CMYK
- cmyk(4% 0% 11% 44%)
Tints · Shades · Tones
Tints
- 93998A
- 9FA497
- AAAFA3
- B6BAB0
- C2C5BD
- CED0CA
- DADCD7
- E6E7E4
- F3F3F1
Shades
- 757B6D
- 63685C
- 52564C
- 41443C
- 31342D
- 22241F
- 131511
- 060705
- 010101
Tones
- 878D7E
- 868B7E
- 868A7F
- 85887F
- 84877F
- 83867F
- 82847F
- 828380
- 818180
Farbharmonien
Komplementär +180°
- 888E7E
Tea Leaf Mouse
- 8E8898
≈ Purple Ragwort
Analog -30° +30°
- 888E7E
Tea Leaf Mouse
- 908B7B
≈ Cricket’s Cross
- 809085
≈ Lily Pad Pond
Triadisch +120° +240°
- 888E7E
Tea Leaf Mouse
- 7F8D99
≈ Denim Drift
- 998589
≈ Orchard Plum
Geteilt komplementär +150° +210°
- 888E7E
Tea Leaf Mouse
- 868B9B
≈ Applause Please
- 958691
≈ Femme Fatale
Tetradisch +90° +180° +270°
- 888E7E
Tea Leaf Mouse
- 7B8F94
≈ Weathered Pebble
- 8E8898
≈ Purple Ragwort
- 998682
≈ Pigeon Pink
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 {
--tea-leaf-mouse: #888e7e;
--tea-leaf-mouse-rgb: 136 142 126;
--tea-leaf-mouse-oklch: oklch(0.637 0.024 123.9);
}
.element {
color: var(--tea-leaf-mouse);
background-color: hsl(83 7% 53%);
border-color: oklch(0.637 0.024 123.9);
}Tailwind CSS v4
@theme {
--color-tea-leaf-mouse: #888e7e;
--color-tea-leaf-mouse-50: #f3f6ef;
--color-tea-leaf-mouse-100: #e6e9e1;
--color-tea-leaf-mouse-200: #d1d6cb;
--color-tea-leaf-mouse-300: #b4baad;
--color-tea-leaf-mouse-400: #9ba192;
--color-tea-leaf-mouse-500: #838978;
--color-tea-leaf-mouse-600: #6f7465;
--color-tea-leaf-mouse-700: #585d51;
--color-tea-leaf-mouse-800: #41443b;
--color-tea-leaf-mouse-900: #2d2f28;
--color-tea-leaf-mouse-950: #1a1b16;
}SCSS
$tea-leaf-mouse: #888e7e;
$tea-leaf-mouse-rgb: 136, 142, 126;
$tea-leaf-mouse-light: mix(#fff, $tea-leaf-mouse, 20%);
$tea-leaf-mouse-dark: mix(#000, $tea-leaf-mouse, 20%);
.element {
color: $tea-leaf-mouse;
box-shadow: 0 0 0 2px rgba($tea-leaf-mouse, 0.35);
}