Adlandırılmış renk · #78944A
Emerald Shimmer
Emerald Shimmer, #78944A: rgb(120 148 74), hsl(83 33% 44%), oklch(0.628 0.106 126.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Emerald Shimmer color name →
#78944A
oklch(0.628 0.106 126.3)
Renk dönüşümleri
- HEX
- #78944a
- RGB
- rgb(120 148 74)
- HSL
- hsl(83 33% 44%)
- HWB
- hwb(83 29% 42%)
- OKLCH
- oklch(0.628 0.106 126.3)
- OKLab
- oklab(0.628 -0.063 0.085)
- CIE Lab
- lab(57.87 -19.62 35.38)
- LCH
- lch(57.87 40.46 119)
- CMYK
- cmyk(19% 0% 50% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 859E5D
- 92A96F
- 9FB481
- ACBE92
- B9C9A4
- C7D4B6
- D5DEC8
- E3E9DA
- F1F4ED
Koyu tonlar
- 67803F
- 576D35
- 485A2A
- 394820
- 2A3617
- 1D260E
- 101606
- 050802
- 010100
Gri tonlar
- 799251
- 7A9057
- 7A8E5D
- 7B8C63
- 7C8A68
- 7D886D
- 7E8672
- 7E8477
- 7F827B
Renk uyumları
Tamamlayıcı +180°
- 78944A
Emerald Shimmer
- 9977BB
≈ Lavender Purple
Analog -30° +30°
- 78944A
Emerald Shimmer
- 9B8834
≈ Parsnip Root
- 4B9B6E
≈ Solitary Tree
Üçlü +120° +240°
- 78944A
Emerald Shimmer
- 4E8EC5
≈ Azure Blue
- BE6C7E
≈ Pink Manhattan
Bölünmüş tamamlayıcı +150° +210°
- 78944A
Emerald Shimmer
- 7882C8
≈ Twilight Twinkle
- B16FA0
≈ Mulberry Bush
Dörtlü +90° +180° +270°
- 78944A
Emerald Shimmer
- 1C98B1
≈ Tropical Lagoon
- 9977BB
≈ Lavender Purple
- BF705A
≈ Before Winter
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.42:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.13:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.13:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--emerald-shimmer: #78944a;
--emerald-shimmer-rgb: 120 148 74;
--emerald-shimmer-oklch: oklch(0.628 0.106 126.3);
}
.element {
color: var(--emerald-shimmer);
background-color: hsl(83 33% 44%);
border-color: oklch(0.628 0.106 126.3);
}Tailwind CSS v4
@theme {
--color-emerald-shimmer: #78944a;
--color-emerald-shimmer-50: #ecfcdc;
--color-emerald-shimmer-100: #ddefca;
--color-emerald-shimmer-200: #c7dead;
--color-emerald-shimmer-300: #a7c288;
--color-emerald-shimmer-400: #8eaa64;
--color-emerald-shimmer-500: #74933f;
--color-emerald-shimmer-600: #627c37;
--color-emerald-shimmer-700: #4f632b;
--color-emerald-shimmer-800: #3a481c;
--color-emerald-shimmer-900: #283213;
--color-emerald-shimmer-950: #161e05;
}SCSS
$emerald-shimmer: #78944a;
$emerald-shimmer-rgb: 120, 148, 74;
$emerald-shimmer-light: mix(#fff, $emerald-shimmer, 20%);
$emerald-shimmer-dark: mix(#000, $emerald-shimmer, 20%);
.element {
color: $emerald-shimmer;
box-shadow: 0 0 0 2px rgba($emerald-shimmer, 0.35);
}