Colore con nome · #698339
Swamp Moss
Swamp Moss è #698339: rgb(105 131 57), hsl(81 39% 37%), oklch(0.573 0.105 125.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Swamp Moss color name →
#698339
oklch(0.573 0.105 125.7)
Conversioni di colore
- HEX
- #698339
- RGB
- rgb(105 131 57)
- HSL
- hsl(81 39% 37%)
- HWB
- hwb(81 22% 49%)
- OKLCH
- oklch(0.573 0.105 125.7)
- OKLab
- oklab(0.573 -0.062 0.086)
- CIE Lab
- lab(51.45 -18.96 36.09)
- LCH
- lch(51.45 40.77 117.7)
- CMYK
- cmyk(20% 0% 56% 49%)
Tinte · Ombre · Toni
Tinte
- 778F4E
- 859B61
- 93A775
- A2B488
- B1C09B
- C0CCAF
- D0D9C3
- DFE6D7
- EFF2EB
Ombre
- 5A7130
- 4C6028
- 3E4F1F
- 313F17
- 242F10
- 182009
- 0C1204
- 040601
- 000100
Toni
- 6B8342
- 6E834A
- 708352
- 728259
- 748260
- 778267
- 79816D
- 7B8174
- 7E817A
Armonie di colore
Complementare +180°
- 698339
Swamp Moss
- 8767AA
≈ Chive Blossom
Analogo -30° +30°
- 698339
Swamp Moss
- 8B7720
≈ Jīn Zōng Gold
- 3B8A5D
≈ Argyle
Triadico +120° +240°
- 698339
Swamp Moss
- 3D7DB2
≈ Beijing Blue
- AC5C6F
≈ Topinambur Root
Complementare divisa +150° +210°
- 698339
Swamp Moss
- 6772B6
≈ Wild Pansy
- 9F5F90
≈ Thimble Red
Tetradico +90° +180° +270°
- 698339
Swamp Moss
- 00879E
≈ Eastern Blue
- 8767AA
≈ Chive Blossom
- AD604B
≈ Clay Figure
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.28:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.90:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.90:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--swamp-moss: #698339;
--swamp-moss-rgb: 105 131 57;
--swamp-moss-oklch: oklch(0.573 0.105 125.7);
}
.element {
color: var(--swamp-moss);
background-color: hsl(81 39% 37%);
border-color: oklch(0.573 0.105 125.7);
}Tailwind CSS v4
@theme {
--color-swamp-moss: #698339;
--color-swamp-moss-50: #edfbdb;
--color-swamp-moss-100: #deefca;
--color-swamp-moss-200: #c7ddad;
--color-swamp-moss-300: #a8c288;
--color-swamp-moss-400: #8faa63;
--color-swamp-moss-500: #75923f;
--color-swamp-moss-600: #637c36;
--color-swamp-moss-700: #4f632b;
--color-swamp-moss-800: #3b481c;
--color-swamp-moss-900: #283212;
--color-swamp-moss-950: #161e05;
}SCSS
$swamp-moss: #698339;
$swamp-moss-rgb: 105, 131, 57;
$swamp-moss-light: mix(#fff, $swamp-moss, 20%);
$swamp-moss-dark: mix(#000, $swamp-moss, 20%);
.element {
color: $swamp-moss;
box-shadow: 0 0 0 2px rgba($swamp-moss, 0.35);
}