Colore con nome · #768B59
Moss Gardens
Moss Gardens è #768B59: rgb(118 139 89), hsl(85 22% 45%), oklch(0.607 0.076 127). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Moss Gardens color name →
#768B59
oklch(0.607 0.076 127)
Conversioni di colore
- HEX
- #768b59
- RGB
- rgb(118 139 89)
- HSL
- hsl(85 22% 45%)
- HWB
- hwb(85 35% 45%)
- OKLCH
- oklch(0.607 0.076 127)
- OKLab
- oklab(0.607 -0.046 0.06)
- CIE Lab
- lab(55.22 -14.65 24.18)
- LCH
- lch(55.22 28.27 121.2)
- CMYK
- cmyk(15% 0% 36% 45%)
Tinte · Ombre · Toni
Tinte
- 839669
- 90A179
- 9DAD89
- ABB899
- B8C4AA
- C6CFBB
- D4DBCB
- E2E7DC
- F0F3EE
Ombre
- 66784C
- 566640
- 475434
- 384328
- 29321D
- 1C2313
- 0F1409
- 050703
- 010100
Toni
- 778A5D
- 788962
- 798866
- 7A876A
- 7B866E
- 7C8571
- 7D8475
- 7E8279
- 7F817C
Armonie di colore
Complementare +180°
- 768B59
Moss Gardens
- 8E76A6
≈ Gentian
Analogo -30° +30°
- 768B59
Moss Gardens
- 8F834C
≈ Shaded Glen
- 5B9070
≈ Deep Grass Green
Triadico +120° +240°
- 768B59
Moss Gardens
- 5C87AE
≈ Sand Shark
- AA6F7A
≈ Black Elder
Complementare divisa +150° +210°
- 768B59
Moss Gardens
- 777EB0
≈ Ontario Violet
- A07193
≈ Drama Queen
Tetradico +90° +180° +270°
- 768B59
Moss Gardens
- 478EA0
≈ Winter Time
- 8E76A6
≈ Gentian
- AA7262
≈ Tangier
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.74:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.60:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.60:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--moss-gardens: #768b59;
--moss-gardens-rgb: 118 139 89;
--moss-gardens-oklch: oklch(0.607 0.076 127);
}
.element {
color: var(--moss-gardens);
background-color: hsl(85 22% 45%);
border-color: oklch(0.607 0.076 127);
}Tailwind CSS v4
@theme {
--color-moss-gardens: #768b59;
--color-moss-gardens-50: #eefae3;
--color-moss-gardens-100: #e0edd3;
--color-moss-gardens-200: #cadbb9;
--color-moss-gardens-300: #abbf97;
--color-moss-gardens-400: #92a777;
--color-moss-gardens-500: #799058;
--color-moss-gardens-600: #667a4b;
--color-moss-gardens-700: #52613c;
--color-moss-gardens-800: #3c472a;
--color-moss-gardens-900: #29311c;
--color-moss-gardens-950: #171d0c;
}SCSS
$moss-gardens: #768b59;
$moss-gardens-rgb: 118, 139, 89;
$moss-gardens-light: mix(#fff, $moss-gardens, 20%);
$moss-gardens-dark: mix(#000, $moss-gardens, 20%);
.element {
color: $moss-gardens;
box-shadow: 0 0 0 2px rgba($moss-gardens, 0.35);
}