Colore con nome · #6B8781
Marsh Creek
Marsh Creek è #6B8781: rgb(107 135 129), hsl(167 12% 47%), oklch(0.6 0.033 180.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Marsh Creek color name →
#6B8781
oklch(0.6 0.033 180.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 79928D
- 879E99
- 96AAA5
- A4B5B1
- B3C1BE
- C2CDCB
- D1DAD8
- E0E6E5
- EFF2F2
Ombre
- 5C756F
- 4E635E
- 3F514E
- 32413E
- 25312E
- 18211F
- 0D1312
- 040606
- 000101
Toni
- 6D8681
- 708681
- 728581
- 748481
- 768480
- 788380
- 7A8280
- 7C8180
- 7E8180
Armonie di colore
Complementare +180°
- 6B8781
Marsh Creek
- 92787F
≈ Chocolaty
Analogo -30° +30°
- 6B8781
Marsh Creek
- 728676
≈ Xanadu
- 6A868B
≈ Thundercloud
Triadico +120° +240°
- 6B8781
Marsh Creek
- 837C91
≈ Purpletone
- 8F7C6C
≈ Squirrel
Complementare divisa +150° +210°
- 6B8781
Marsh Creek
- 8C798A
≈ Classical Violet
- 937974
≈ Astro Sunset
Tetradico +90° +180° +270°
- 6B8781
Marsh Creek
- 788095
≈ Your Shadow
- 92787F
≈ Chocolaty
- 88806A
≈ Pettingill Sage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.88:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.40:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.40:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
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);
}