#94C321#94C321
#94C321 لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.454؛ OKLCH L 75.6% C 0.183 H 125.7°. أفضل لون لنص المتن هو #000000 بتباين 10.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #94C321 |
|---|---|
| RGB | rgb(148, 195, 33) |
| HSL | hsl(77, 71%, 45%) |
| HSV | hsv(77, 83%, 76%) |
| CMYK | cmyk(24.1%, 0%, 83.1%, 23.5%) |
| CIE-LAB | lab(73.18, -36.54, 68.20) |
| CIE-LCH | lch(73.18, 77.37, 118.18°) |
| OKLab | oklab(75.64% -0.1065 0.1484) |
| OKLCH | oklch(75.64% 0.183 125.7) |
| XYZ | xyz(32.0026, 45.4354, 8.5224) |
| Luminance | 0.4544 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Yellowgreen
#9ACD32
ΔE00 2.63
Slime Green
#99CC04
ΔE00 2.67
Snot Green
#9DC100
ΔE00 2.71
Gross Green
#A0BF16
ΔE00 3.14
Dark Lime Green
#7EBD01
ΔE00 3.29
Dark Lime
#84B701
ΔE00 3.56
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#94C321 #5021C3
analogous
#C3A121 #94C321 #43C321
triadic
#94C321 #2194C3 #C32194
tetradic
#94C321 #21C3A1 #5021C3 #C32143
square
#94C321 #21C3A1 #5021C3 #C32143
split-complementary
#94C321 #2143C3 #A121C3
monochromatic
#455A0F #6C8F18 #94C321 #B2DF42 #C7E877
إمكانية الوصول والتباين
On white
2.08
#94C321 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.09
#94C321 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #94C321
10.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##94C321 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##94C321 | 1.00 | 2.08 | 10.09 | 10.09 |
| #FFFFFF | 2.08 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.09 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.09 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CEB500
Deuteranopia (green-blind)
#C8B334
Tritanopia (blue-blind)
#9BB9A6
Achromatopsia (no color)
#B4B4B4
وسوم التصميم والكود
CSS
--color: #94c321; /* rgb */ color: rgb(148, 195, 33); /* oklch */ color: oklch(75.6% 0.183 125.7);
Tailwind
colors: {
custom: {
50: '#b8d56d',
500: '#94c321',
950: '#000000',
},
}SCSS
$custom: #94c321; $custom-light: #b8d56d; $custom-dark: #000000;
JSON
{
"hex": "#94c321",
"rgb": {
"r": 148,
"g": 195,
"b": 33
},
"hsl": {
"h": 77.407,
"s": 71.053,
"l": 44.706
},
"oklch": {
"l": 0.75643,
"c": 0.18263,
"h": 125.7
},
"luminance": 0.45436
}Semantic roles & 50–950 ramp
primary
#94C321
secondary
#8C71CF
accent
#3AEE6E
background
#FBFDF7
surface
#F7FAED
border
#D0D3C8
text
#121408
muted
#81837B