Adlandırılmış renk · #94A293
Mountain Moss
Mountain Moss, #94A293: rgb(148 162 147), hsl(116 7% 61%), oklch(0.697 0.027 143.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Mountain Moss color name →
#94A293
oklch(0.697 0.027 143.4)
Renk dönüşümleri
- HEX
- #94a293
- RGB
- rgb(148 162 147)
- HSL
- hsl(116 7% 61%)
- HWB
- hwb(116 58% 36%)
- OKLCH
- oklch(0.697 0.027 143.4)
- OKLab
- oklab(0.697 -0.021 0.016)
- CIE Lab
- lab(65.17 -7.33 6.05)
- LCH
- lch(65.17 9.5 140.4)
- CMYK
- cmyk(9% 0% 9% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9EAB9D
- A9B4A8
- B3BDB2
- BEC6BD
- C8D0C8
- D3D9D3
- DEE2DE
- E9ECE9
- F4F5F4
Koyu tonlar
- 808C7F
- 6D776C
- 5A6359
- 484F47
- 363C36
- 262A25
- 161916
- 080A08
- 010101
Gri tonlar
- 929F91
- 909B8F
- 8E988D
- 8C948B
- 8A9189
- 888D88
- 868A86
- 848784
- 828382
Renk uyumları
Tamamlayıcı +180°
- 94A293
Mountain Moss
- A698A7
≈ Windsor Haze
Analog -30° +30°
- 94A293
Mountain Moss
- 9DA08D
≈ Meadowood
- 8DA39C
≈ Morning Blue
Üçlü +120° +240°
- 94A293
Mountain Moss
- 959EAF
≈ Screen Test
- AE9795
≈ Lavenbrun
Bölünmüş tamamlayıcı +150° +210°
- 94A293
Mountain Moss
- 9E9BAD
≈ Adhesion
- AC979F
≈ Legendary Lilac
Dörtlü +90° +180° +270°
- 94A293
Mountain Moss
- 8EA1AC
≈ Stormy Skies
- A698A7
≈ Windsor Haze
- AB998E
≈ Porcelain Figurines
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.67:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.84:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.84:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--mountain-moss: #94a293;
--mountain-moss-rgb: 148 162 147;
--mountain-moss-oklch: oklch(0.697 0.027 143.4);
}
.element {
color: var(--mountain-moss);
background-color: hsl(116 7% 61%);
border-color: oklch(0.697 0.027 143.4);
}Tailwind CSS v4
@theme {
--color-mountain-moss: #94a293;
--color-mountain-moss-50: #f1f7f1;
--color-mountain-moss-100: #e3eae3;
--color-mountain-moss-200: #cdd7cd;
--color-mountain-moss-300: #afbbaf;
--color-mountain-moss-400: #95a395;
--color-mountain-moss-500: #7c8b7b;
--color-mountain-moss-600: #697668;
--color-mountain-moss-700: #545e53;
--color-mountain-moss-800: #3d453c;
--color-mountain-moss-900: #2a3029;
--color-mountain-moss-950: #181c17;
}SCSS
$mountain-moss: #94a293;
$mountain-moss-rgb: 148, 162, 147;
$mountain-moss-light: mix(#fff, $mountain-moss, 20%);
$mountain-moss-dark: mix(#000, $mountain-moss, 20%);
.element {
color: $mountain-moss;
box-shadow: 0 0 0 2px rgba($mountain-moss, 0.35);
}