أقرب لون مسمّى · #94B139
#94B139
أقرب لون مسمّى: Limolicious
#94B139 (rgb(148 177 57)، hsl(74 51% 46%)، oklch(0.715 0.148 122)) أقرب إلى اللون المسمّى Limolicious. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#94B139
oklch(0.715 0.148 122)
تحويلات الألوان
- HEX
- #94b139
- RGB
- rgb(148 177 57)
- HSL
- hsl(74 51% 46%)
- HWB
- hwb(74 22% 31%)
- OKLCH
- oklch(0.715 0.148 122)
- OKLab
- oklab(0.715 -0.078 0.126)
- CIE Lab
- lab(68.28 -22.87 54.98)
- LCH
- lch(68.28 59.55 112.6)
- CMYK
- cmyk(16% 0% 68% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9EB952
- A8C168
- B3C97C
- BDD190
- C8D9A3
- D3E0B5
- DDE8C8
- E9F0DA
- F4F7ED
درجات داكنة
- 809930
- 6D8328
- 5A6C1F
- 485717
- 364210
- 262F09
- 161C04
- 080C01
- 010100
درجات رمادية
- 92AC45
- 90A74F
- 8EA357
- 8C9E5F
- 8A9966
- 88946C
- 868F71
- 848A77
- 82857B
تناسق الألوان
متمم +180°
- 94B139
Limolicious
- B58BF0
≈ Lilac Geode
متجاور -30° +30°
- 94B139
Limolicious
- C49F00
≈ Molten Bronze
- 4DBD73
≈ Esmeralda
ثلاثي +120° +240°
- 94B139
Limolicious
- 39ACF7
≈ Adamantine Blue
- ED789C
≈ Embarrassed
متمم منقسم +150° +210°
- 94B139
Limolicious
- 839BFF
≈ Periwinkle Blue
- D87ECC
≈ Purple Kush
رباعي +90° +180° +270°
- 94B139
Limolicious
- 00B7D0
≈ Utopia Beckons
- B58BF0
≈ Lilac Geode
- F17C66
≈ Melon Refresher
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.43:1 · APCA Lc 48
Ag
AAAعلى الأسود
WCAG 8.60:1 · APCA Lc 54
أفضل لون للنص: #000000
WCAG 8.60:1 (AAA) · APCA Lc 54
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--limolicious: #94b139;
--limolicious-rgb: 148 177 57;
--limolicious-oklch: oklch(0.715 0.148 122);
}
.element {
color: var(--limolicious);
background-color: hsl(74 51% 46%);
border-color: oklch(0.715 0.148 122);
}Tailwind CSS v4
@theme {
--color-limolicious: #94b139;
--color-limolicious-50: #ecfdcf;
--color-limolicious-100: #ddf1bb;
--color-limolicious-200: #c7df99;
--color-limolicious-300: #a8c46d;
--color-limolicious-400: #90ac3c;
--color-limolicious-500: #779400;
--color-limolicious-600: #647d00;
--color-limolicious-700: #506400;
--color-limolicious-800: #3c4900;
--color-limolicious-900: #293300;
--color-limolicious-950: #171e00;
}SCSS
$limolicious: #94b139;
$limolicious-rgb: 148, 177, 57;
$limolicious-light: mix(#fff, $limolicious, 20%);
$limolicious-dark: mix(#000, $limolicious, 20%);
.element {
color: $limolicious;
box-shadow: 0 0 0 2px rgba($limolicious, 0.35);
}