Màu có tên · #6B977A
Club Moss
Club Moss là #6B977A: rgb(107 151 122), hsl(140 17% 51%), oklch(0.636 0.065 155.3). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Green mean? → · Club Moss color name →
#6B977A
oklch(0.636 0.065 155.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 79A187
- 88AB93
- 96B5A0
- A5C0AD
- B4CABB
- C3D5C8
- D1DFD5
- E1EAE3
- F0F4F1
Sắc đậm
- 5C8369
- 4E6F59
- 3F5C49
- 32493A
- 25372B
- 18261D
- 0D1710
- 040805
- 000101
Sắc xám
- 6E957B
- 70927B
- 72907C
- 758E7D
- 778C7D
- 79897E
- 7B877E
- 7C857F
- 7E827F
Hòa sắc
Bổ túc +180°
- 6B977A
Club Moss
- A47C9B
≈ Cali Lily
Tương đồng -30° +30°
- 6B977A
Club Moss
- 829267
≈ Epsom
- 5B9890
≈ Loch Blue
Bộ ba +120° +240°
- 6B977A
Club Moss
- 7F88B3
≈ Wild Blue Yonder
- AE7D70
≈ Crushed Clay
Bổ túc chia +150° +210°
- 6B977A
Club Moss
- 9481AB
≈ Elite Wisteria
- AE7B85
≈ Silken Raspberry
Bộ bốn +90° +180° +270°
- 6B977A
Club Moss
- 6A8FB0
≈ Grant Village
- A47C9B
≈ Cali Lily
- A78361
≈ Wooden Swing
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.31:1 · APCA Lc 61
Ag
AATrên nền đen
WCAG 6.33:1 · APCA Lc 41
Màu chữ tốt nhất: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
Đoạn mã
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);
}