#9ADA4E#9ADA4E
#9ADA4E لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.576؛ OKLCH L 81.8% C 0.182 H 130.5°. أفضل لون لنص المتن هو #000000 بتباين 12.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9ADA4E |
|---|---|
| RGB | rgb(154, 218, 78) |
| HSL | hsl(87, 65%, 58%) |
| HSV | hsv(87, 64%, 85%) |
| CMYK | cmyk(29.4%, 0%, 64.2%, 14.5%) |
| CIE-LAB | lab(80.49, -41.94, 60.35) |
| CIE-LCH | lch(80.49, 73.49, 124.80°) |
| OKLab | oklab(81.76% -0.1182 0.1383) |
| OKLCH | oklch(81.76% 0.182 130.5) |
| XYZ | xyz(39.7726, 57.5617, 16.2213) |
| Luminance | 0.5756 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Kiwi Green
#8EE53F
ΔE00 3.43
Yellowgreen
#9ACD32
ΔE00 4.11
Kiwi
#9CEF43
ΔE00 5.07
Apple Green
#76CD26
ΔE00 5.07
Slime Green
#99CC04
ΔE00 5.87
Apple
#6ECB3C
ΔE00 6.02
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9ADA4E #8E4EDA
analogous
#DAD44E #9ADA4E #54DA4E
triadic
#9ADA4E #4E9ADA #DA4E9A
tetradic
#9ADA4E #4EDAD4 #8E4EDA #DA4E54
square
#9ADA4E #4EDAD4 #8E4EDA #DA4E54
split-complementary
#9ADA4E #4E54DA #D44EDA
monochromatic
#5C901E #7CC229 #9ADA4E #B7E581 #D4EFB3
إمكانية الوصول والتباين
On white
1.68
#9ADA4E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.51
#9ADA4E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #9ADA4E
12.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9ADA4E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9ADA4E | 1.00 | 1.68 | 12.51 | 12.51 |
| #FFFFFF | 1.68 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E3CB3C
Deuteranopia (green-blind)
#DAC659
Tritanopia (blue-blind)
#9DD1BD
Achromatopsia (no color)
#C8C8C8
وسوم التصميم والكود
CSS
--color: #9ada4e; /* rgb */ color: rgb(154, 218, 78); /* oklch */ color: oklch(81.8% 0.182 130.5);
Tailwind
colors: {
custom: {
50: '#bce686',
500: '#9ada4e',
950: '#000000',
},
}SCSS
$custom: #9ada4e; $custom-light: #bce686; $custom-dark: #000000;
JSON
{
"hex": "#9ada4e",
"rgb": {
"r": 154,
"g": 218,
"b": 78
},
"hsl": {
"h": 87.429,
"s": 65.421,
"l": 58.039
},
"oklch": {
"l": 0.8176,
"c": 0.18196,
"h": 130.5
},
"luminance": 0.57563
}Semantic roles & 50–950 ramp
primary
#9ADA4E
secondary
#623795
accent
#3FE88D
background
#FDFEFC
surface
#F9FCF3
border
#D2D5CD
text
#12160C
muted
#82847F