Colore con nome · #779966
Mosslands
Mosslands è #779966: rgb(119 153 102), hsl(100 20% 50%), oklch(0.644 0.083 135.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Mosslands color name →
#779966
oklch(0.644 0.083 135.6)
Conversioni di colore
- HEX
- #779966
- RGB
- rgb(119 153 102)
- HSL
- hsl(100 20% 50%)
- HWB
- hwb(100 40% 40%)
- OKLCH
- oklch(0.644 0.083 135.6)
- OKLab
- oklab(0.644 -0.059 0.058)
- CIE Lab
- lab(59.66 -19.61 22.88)
- LCH
- lch(59.66 30.13 130.6)
- CMYK
- cmyk(22% 0% 33% 40%)
Tinte · Ombre · Toni
Tinte
- 84A375
- 91AD84
- 9EB793
- ACC1A2
- B9CBB1
- C7D5C0
- D5E0D0
- E3EADF
- F1F5EF
Ombre
- 678458
- 57704A
- 475D3C
- 384A2F
- 2A3823
- 1C2717
- 10170C
- 050804
- 010100
Toni
- 789769
- 79946C
- 7A926F
- 7B8F71
- 7C8D74
- 7D8A77
- 7E8879
- 7E857B
- 7F837E
Armonie di colore
Complementare +180°
- 779966
Mosslands
- A17EB0
≈ Design Delight
Analogo -30° +30°
- 779966
Mosslands
- 949153
≈ Amazon Queen
- 599E81
≈ Green Spruce
Triadico +120° +240°
- 779966
Mosslands
- 6B90BF
≈ Purple Hyacinth
- BA787D
≈ Nipple
Complementare divisa +150° +210°
- 779966
Mosslands
- 8886BE
≈ Brocade
- B27998
≈ Choral Singer
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.21:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.53:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--mosslands: #779966;
--mosslands-rgb: 119 153 102;
--mosslands-oklch: oklch(0.644 0.083 135.6);
}
.element {
color: var(--mosslands);
background-color: hsl(100 20% 50%);
border-color: oklch(0.644 0.083 135.6);
}Tailwind CSS v4
@theme {
--color-mosslands: #779966;
--color-mosslands-50: #eafbe4;
--color-mosslands-100: #dbefd4;
--color-mosslands-200: #c4ddbb;
--color-mosslands-300: #a3c299;
--color-mosslands-400: #89aa79;
--color-mosslands-500: #6e935b;
--color-mosslands-600: #5d7c4d;
--color-mosslands-700: #4a633d;
--color-mosslands-800: #37492b;
--color-mosslands-900: #25321d;
--color-mosslands-950: #141e0d;
}SCSS
$mosslands: #779966;
$mosslands-rgb: 119, 153, 102;
$mosslands-light: mix(#fff, $mosslands, 20%);
$mosslands-dark: mix(#000, $mosslands, 20%);
.element {
color: $mosslands;
box-shadow: 0 0 0 2px rgba($mosslands, 0.35);
}