Colore con nome · #6B977A
Club Moss
Club Moss è #6B977A: rgb(107 151 122), hsl(140 17% 51%), oklch(0.636 0.065 155.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Club Moss color name →
#6B977A
oklch(0.636 0.065 155.3)
Conversioni di colore
- HEX
- #6b977a
- RGB
- rgb(107 151 122)
- HSL
- hsl(140 17% 51%)
- HWB
- hwb(140 42% 41%)
- OKLCH
- oklch(0.636 0.065 155.3)
- OKLab
- oklab(0.636 -0.059 0.027)
- CIE Lab
- lab(58.64 -20.34 10.31)
- LCH
- lch(58.64 22.8 153.1)
- CMYK
- cmyk(29% 0% 19% 41%)
Tinte · Ombre · Toni
Tinte
- 79A187
- 88AB93
- 96B5A0
- A5C0AD
- B4CABB
- C3D5C8
- D1DFD5
- E1EAE3
- F0F4F1
Ombre
- 5C8369
- 4E6F59
- 3F5C49
- 32493A
- 25372B
- 18261D
- 0D1710
- 040805
- 000101
Toni
- 6E957B
- 70927B
- 72907C
- 758E7D
- 778C7D
- 79897E
- 7B877E
- 7C857F
- 7E827F
Armonie di colore
Complementare +180°
- 6B977A
Club Moss
- A47C9B
≈ Cali Lily
Analogo -30° +30°
- 6B977A
Club Moss
- 829267
≈ Epsom
- 5B9890
≈ Loch Blue
Triadico +120° +240°
- 6B977A
Club Moss
- 7F88B3
≈ Wild Blue Yonder
- AE7D70
≈ Crushed Clay
Complementare divisa +150° +210°
- 6B977A
Club Moss
- 9481AB
≈ Elite Wisteria
- AE7B85
≈ Silken Raspberry
Tetradico +90° +180° +270°
- 6B977A
Club Moss
- 6A8FB0
≈ Grant Village
- A47C9B
≈ Cali Lily
- A78361
≈ Wooden Swing
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.31:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.33:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--club-moss: #6b977a;
--club-moss-rgb: 107 151 122;
--club-moss-oklch: oklch(0.636 0.065 155.3);
}
.element {
color: var(--club-moss);
background-color: hsl(140 17% 51%);
border-color: oklch(0.636 0.065 155.3);
}Tailwind CSS v4
@theme {
--color-club-moss: #6b977a;
--color-club-moss-50: #e7fbee;
--color-club-moss-100: #d7efdf;
--color-club-moss-200: #beddc9;
--color-club-moss-300: #9dc2aa;
--color-club-moss-400: #80aa8e;
--color-club-moss-500: #639374;
--color-club-moss-600: #547d62;
--color-club-moss-700: #43644e;
--color-club-moss-800: #314938;
--color-club-moss-900: #213326;
--color-club-moss-950: #101e15;
}SCSS
$club-moss: #6b977a;
$club-moss-rgb: 107, 151, 122;
$club-moss-light: mix(#fff, $club-moss, 20%);
$club-moss-dark: mix(#000, $club-moss, 20%);
.element {
color: $club-moss;
box-shadow: 0 0 0 2px rgba($club-moss, 0.35);
}