Benannte Farbe · #869F98
Meek Moss Green
Meek Moss Green ist #869F98: rgb(134 159 152), hsl(163 12% 57%), oklch(0.681 0.03 176.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Meek Moss Green color name →
#869F98
oklch(0.681 0.03 176.6)
Farbumrechnungen
- HEX
- #869f98
- RGB
- rgb(134 159 152)
- HSL
- hsl(163 12% 57%)
- HWB
- hwb(163 53% 38%)
- OKLCH
- oklch(0.681 0.03 176.6)
- OKLab
- oklab(0.681 -0.03 0.002)
- CIE Lab
- lab(63.39 -10.17 0.58)
- LCH
- lch(63.39 10.19 176.7)
- CMYK
- cmyk(16% 0% 4% 38%)
Tints · Shades · Tones
Tints
- 92A8A2
- 9DB2AC
- A9BBB6
- B5C4C0
- C1CECA
- CDD8D5
- DAE1DF
- E6EBEA
- F2F5F4
Shades
- 748A84
- 627570
- 51615C
- 404D4A
- 303B38
- 212927
- 131817
- 060908
- 010101
Tones
- 869C96
- 859993
- 849691
- 84938E
- 838F8C
- 838C8A
- 828987
- 818685
- 818382
Farbharmonien
Komplementär +180°
- 869F98
Meek Moss Green
- A99199
≈ Persian Pastel
Analog -30° +30°
- 869F98
Meek Moss Green
- 8D9E8E
≈ Mossleaf
- 849EA2
≈ Cold Waterlogged Lab Coat
Triadisch +120° +240°
- 869F98
Meek Moss Green
- 9A95A9
≈ Purple Surf
- A89487
≈ Sorrel Felt
Geteilt komplementär +150° +210°
- 869F98
Meek Moss Green
- A393A3
≈ Fields of Provence
- AA928F
≈ Cortex
Tetradisch +90° +180° +270°
- 869F98
Meek Moss Green
- 9099AC
≈ Ornamental Silver
- A99199
≈ Persian Pastel
- A19884
≈ Good Earth
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.82:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.42:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.42:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--meek-moss-green: #869f98;
--meek-moss-green-rgb: 134 159 152;
--meek-moss-green-oklch: oklch(0.681 0.03 176.6);
}
.element {
color: var(--meek-moss-green);
background-color: hsl(163 12% 57%);
border-color: oklch(0.681 0.03 176.6);
}Tailwind CSS v4
@theme {
--color-meek-moss-green: #869f98;
--color-meek-moss-green-50: #edf8f5;
--color-meek-moss-green-100: #deebe8;
--color-meek-moss-green-200: #c8d9d4;
--color-meek-moss-green-300: #a8bdb7;
--color-meek-moss-green-400: #8da59e;
--color-meek-moss-green-500: #728d86;
--color-meek-moss-green-600: #617771;
--color-meek-moss-green-700: #4d5f5a;
--color-meek-moss-green-800: #384642;
--color-meek-moss-green-900: #26302d;
--color-meek-moss-green-950: #151d1a;
}SCSS
$meek-moss-green: #869f98;
$meek-moss-green-rgb: 134, 159, 152;
$meek-moss-green-light: mix(#fff, $meek-moss-green, 20%);
$meek-moss-green-dark: mix(#000, $meek-moss-green, 20%);
.element {
color: $meek-moss-green;
box-shadow: 0 0 0 2px rgba($meek-moss-green, 0.35);
}