Colore con nome · #535644
Freshwater Marsh
Freshwater Marsh è #535644: rgb(83 86 68), hsl(70 12% 30%), oklch(0.445 0.029 115.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Freshwater Marsh color name →
#535644
oklch(0.445 0.029 115.3)
Conversioni di colore
- HEX
- #535644
- RGB
- rgb(83 86 68)
- HSL
- hsl(70 12% 30%)
- HWB
- hwb(70 27% 66%)
- OKLCH
- oklch(0.445 0.029 115.3)
- OKLab
- oklab(0.445 -0.012 0.026)
- CIE Lab
- lab(35.88 -3.9 10.11)
- LCH
- lch(35.88 10.83 111.1)
- CMYK
- cmyk(3% 0% 21% 66%)
Tinte · Ombre · Toni
Tinte
- 636555
- 727566
- 838578
- 94968A
- A5A79D
- B6B8B0
- C8C9C3
- DADBD7
- ECEDEB
Ombre
- 474A3A
- 3B3E30
- 303226
- 25271D
- 1B1C14
- 11120C
- 080805
- 020202
- 000000
Toni
- 575A4A
- 5C5E50
- 606256
- 65675C
- 696B61
- 6E6F68
- 72736E
- 777774
- 7B7C7A
Armonie di colore
Complementare +180°
- 535644
Freshwater Marsh
- 555162
≈ Inky Storm
Analogo -30° +30°
- 535644
Freshwater Marsh
- 5B5342
≈ Shadow Ridge
- 4A584A
≈ Deep Evergreen
Triadico +120° +240°
- 535644
Freshwater Marsh
- 455762
≈ San Juan
- 614E55
≈ Berry Wine
Complementare divisa +150° +210°
- 535644
Freshwater Marsh
- 4C5464
≈ Mystical Shade
- 5C4F5D
≈ Purple Fury
Tetradico +90° +180° +270°
- 535644
Freshwater Marsh
- 41595B
≈ Otter Creek
- 555162
≈ Inky Storm
- 634E4C
≈ Congo Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.54:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.78:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.54:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--freshwater-marsh: #535644;
--freshwater-marsh-rgb: 83 86 68;
--freshwater-marsh-oklch: oklch(0.445 0.029 115.3);
}
.element {
color: var(--freshwater-marsh);
background-color: hsl(70 12% 30%);
border-color: oklch(0.445 0.029 115.3);
}Tailwind CSS v4
@theme {
--color-freshwater-marsh: #535644;
--color-freshwater-marsh-50: #f4f6ed;
--color-freshwater-marsh-100: #e7e9df;
--color-freshwater-marsh-200: #d3d6c9;
--color-freshwater-marsh-300: #b6baa9;
--color-freshwater-marsh-400: #9da18e;
--color-freshwater-marsh-500: #858973;
--color-freshwater-marsh-600: #717462;
--color-freshwater-marsh-700: #5a5d4e;
--color-freshwater-marsh-800: #424438;
--color-freshwater-marsh-900: #2e2f27;
--color-freshwater-marsh-950: #1a1b15;
}SCSS
$freshwater-marsh: #535644;
$freshwater-marsh-rgb: 83, 86, 68;
$freshwater-marsh-light: mix(#fff, $freshwater-marsh, 20%);
$freshwater-marsh-dark: mix(#000, $freshwater-marsh, 20%);
.element {
color: $freshwater-marsh;
box-shadow: 0 0 0 2px rgba($freshwater-marsh, 0.35);
}