Colore con nome · #789B4A
Mossy Glossy
Mossy Glossy è #789B4A: rgb(120 155 74), hsl(86 35% 45%), oklch(0.645 0.116 128.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Mossy Glossy color name →
#789B4A
oklch(0.645 0.116 128.6)
Conversioni di colore
- HEX
- #789b4a
- RGB
- rgb(120 155 74)
- HSL
- hsl(86 35% 45%)
- HWB
- hwb(86 29% 39%)
- OKLCH
- oklch(0.645 0.116 128.6)
- OKLab
- oklab(0.645 -0.073 0.091)
- CIE Lab
- lab(59.97 -22.9 37.85)
- LCH
- lch(59.97 44.23 121.2)
- CMYK
- cmyk(23% 0% 52% 39%)
Tinte · Ombre · Toni
Tinte
- 85A55D
- 92AF6F
- 9FB981
- ACC393
- BACDA5
- C7D7B7
- D5E1C9
- E3EBDB
- F1F5ED
Ombre
- 67863F
- 577235
- 485E2A
- 394B20
- 2A3917
- 1D280E
- 101806
- 050902
- 010100
Toni
- 799851
- 7A9657
- 7B935D
- 7B9163
- 7C8E68
- 7D8B6E
- 7E8972
- 7F8677
- 7F837C
Armonie di colore
Complementare +180°
- 789B4A
Mossy Glossy
- A279C3
≈ Wisteria
Analogo -30° +30°
- 789B4A
Mossy Glossy
- A08E2C
≈ Banana Leaf
- 43A373
≈ Linoleum Green
Triadico +120° +240°
- 789B4A
Mossy Glossy
- 5093D1
≈ Delphinium Corsage
- C96E7F
≈ Artful Pink
Complementare divisa +150° +210°
- 789B4A
Mossy Glossy
- 7E85D3
≈ Tanzine
- BB70A5
≈ Crocus
Tetradico +90° +180° +270°
- 789B4A
Mossy Glossy
- 009EBD
≈ Greek Blue
- A279C3
≈ Wisteria
- C97357
≈ Dusted Clay
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.18:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.58:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--mossy-glossy: #789b4a;
--mossy-glossy-rgb: 120 155 74;
--mossy-glossy-oklch: oklch(0.645 0.116 128.6);
}
.element {
color: var(--mossy-glossy);
background-color: hsl(86 35% 45%);
border-color: oklch(0.645 0.116 128.6);
}Tailwind CSS v4
@theme {
--color-mossy-glossy: #789b4a;
--color-mossy-glossy-50: #eafdda;
--color-mossy-glossy-100: #dbf0c8;
--color-mossy-glossy-200: #c3dfab;
--color-mossy-glossy-300: #a3c485;
--color-mossy-glossy-400: #8aac5f;
--color-mossy-glossy-500: #6f9439;
--color-mossy-glossy-600: #5e7e31;
--color-mossy-glossy-700: #4b6527;
--color-mossy-glossy-800: #384919;
--color-mossy-glossy-900: #263310;
--color-mossy-glossy-950: #151f03;
}SCSS
$mossy-glossy: #789b4a;
$mossy-glossy-rgb: 120, 155, 74;
$mossy-glossy-light: mix(#fff, $mossy-glossy, 20%);
$mossy-glossy-dark: mix(#000, $mossy-glossy, 20%);
.element {
color: $mossy-glossy;
box-shadow: 0 0 0 2px rgba($mossy-glossy, 0.35);
}