#D2EC50#D2EC50
#D2EC50 لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.743؛ OKLCH L 89.6% C 0.178 H 118.3°. أفضل لون لنص المتن هو #000000 بتباين 15.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D2EC50 |
|---|---|
| RGB | rgb(210, 236, 80) |
| HSL | hsl(70, 80%, 62%) |
| HSV | hsv(70, 66%, 93%) |
| CMYK | cmyk(11%, 0%, 66.1%, 7.5%) |
| CIE-LAB | lab(89.05, -28.65, 69.62) |
| CIE-LCH | lch(89.05, 75.29, 112.37°) |
| OKLab | oklab(89.58% -0.0846 0.1571) |
| OKLCH | oklch(89.58% 0.178 118.3) |
| XYZ | xyz(58.0229, 74.2722, 18.8672) |
| Luminance | 0.7427 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Sickly Yellow
#D0E429
ΔE00 3.33
Pear
#CBF85F
ΔE00 4.10
Yellowy Green
#BFF128
ΔE00 4.13
Greeny Yellow
#C6F808
ΔE00 5.00
Yellow Green
#C8FD3D
ΔE00 5.06
Lime Yellow
#D0FE1D
ΔE00 5.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D2EC50 #6A50EC
analogous
#ECB850 #D2EC50 #84EC50
triadic
#D2EC50 #50D2EC #EC50D2
tetradic
#D2EC50 #50ECB8 #6A50EC #EC5084
square
#D2EC50 #50ECB8 #6A50EC #EC5084
split-complementary
#D2EC50 #5084EC #B850EC
monochromatic
#95AF13 #C4E619 #D2EC50 #E0F287 #EEF8BE
إمكانية الوصول والتباين
On white
1.32
#D2EC50 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.85
#D2EC50 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D2EC50
15.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D2EC50 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D2EC50 | 1.00 | 1.32 | 15.85 | 15.85 |
| #FFFFFF | 1.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FBDF39
Deuteranopia (green-blind)
#F8E05C
Tritanopia (blue-blind)
#DEE0CD
Achromatopsia (no color)
#E0E0E0
وسوم التصميم والكود
CSS
--color: #d2ec50; /* rgb */ color: rgb(210, 236, 80); /* oklch */ color: oklch(89.6% 0.178 118.3);
Tailwind
colors: {
custom: {
50: '#e3f289',
500: '#d2ec50',
950: '#000000',
},
}SCSS
$custom: #d2ec50; $custom-light: #e3f289; $custom-dark: #000000;
JSON
{
"hex": "#d2ec50",
"rgb": {
"r": 210,
"g": 236,
"b": 80
},
"hsl": {
"h": 70,
"s": 80.412,
"l": 61.961
},
"oklch": {
"l": 0.89578,
"c": 0.1784,
"h": 118.3
},
"luminance": 0.74272
}Semantic roles & 50–950 ramp
primary
#D2EC50
secondary
#4631AF
accent
#09DD2C
background
#FEFFFC
surface
#FDFEF4
border
#D5D6CE
text
#16160C
muted
#84857F