Benannte Farbe · #6B8781
Marsh Creek
Marsh Creek ist #6B8781: rgb(107 135 129), hsl(167 12% 47%), oklch(0.6 0.033 180.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Marsh Creek color name →
#6B8781
oklch(0.6 0.033 180.6)
Farbumrechnungen
- HEX
- #6b8781
- RGB
- rgb(107 135 129)
- HSL
- hsl(167 12% 47%)
- HWB
- hwb(167 42% 47%)
- OKLCH
- oklch(0.6 0.033 180.6)
- OKLab
- oklab(0.6 -0.033 0)
- CIE Lab
- lab(54 -11.35 -0.23)
- LCH
- lch(54 11.35 181.2)
- CMYK
- cmyk(21% 0% 4% 47%)
Tints · Shades · Tones
Tints
- 79928D
- 879E99
- 96AAA5
- A4B5B1
- B3C1BE
- C2CDCB
- D1DAD8
- E0E6E5
- EFF2F2
Shades
- 5C756F
- 4E635E
- 3F514E
- 32413E
- 25312E
- 18211F
- 0D1312
- 040606
- 000101
Tones
- 6D8681
- 708681
- 728581
- 748481
- 768480
- 788380
- 7A8280
- 7C8180
- 7E8180
Farbharmonien
Komplementär +180°
- 6B8781
Marsh Creek
- 92787F
≈ Chocolaty
Analog -30° +30°
- 6B8781
Marsh Creek
- 728676
≈ Xanadu
- 6A868B
≈ Thundercloud
Triadisch +120° +240°
- 6B8781
Marsh Creek
- 837C91
≈ Purpletone
- 8F7C6C
≈ Squirrel
Geteilt komplementär +150° +210°
- 6B8781
Marsh Creek
- 8C798A
≈ Classical Violet
- 937974
≈ Astro Sunset
Tetradisch +90° +180° +270°
- 6B8781
Marsh Creek
- 788095
≈ Your Shadow
- 92787F
≈ Chocolaty
- 88806A
≈ Pettingill Sage
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.88:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.40:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.40:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--marsh-creek: #6b8781;
--marsh-creek-rgb: 107 135 129;
--marsh-creek-oklch: oklch(0.6 0.033 180.6);
}
.element {
color: var(--marsh-creek);
background-color: hsl(167 12% 47%);
border-color: oklch(0.6 0.033 180.6);
}Tailwind CSS v4
@theme {
--color-marsh-creek: #6b8781;
--color-marsh-creek-50: #ebf8f6;
--color-marsh-creek-100: #ddece9;
--color-marsh-creek-200: #c6d9d5;
--color-marsh-creek-300: #a6bdb9;
--color-marsh-creek-400: #8aa59f;
--color-marsh-creek-500: #6f8e87;
--color-marsh-creek-600: #5e7872;
--color-marsh-creek-700: #4b605b;
--color-marsh-creek-800: #364642;
--color-marsh-creek-900: #25312e;
--color-marsh-creek-950: #141d1b;
}SCSS
$marsh-creek: #6b8781;
$marsh-creek-rgb: 107, 135, 129;
$marsh-creek-light: mix(#fff, $marsh-creek, 20%);
$marsh-creek-dark: mix(#000, $marsh-creek, 20%);
.element {
color: $marsh-creek;
box-shadow: 0 0 0 2px rgba($marsh-creek, 0.35);
}