#EAE658#EAE658
#EAE658 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.748؛ OKLCH L 90.2% C 0.160 H 107.7°. أفضل لون لنص المتن هو #000000 بتباين 15.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EAE658 |
|---|---|
| RGB | rgb(234, 230, 88) |
| HSL | hsl(58, 78%, 63%) |
| HSV | hsv(58, 62%, 92%) |
| CMYK | cmyk(0%, 1.7%, 62.4%, 8.2%) |
| CIE-LAB | lab(89.30, -15.63, 67.30) |
| CIE-LCH | lch(89.30, 69.09, 103.08°) |
| OKLab | oklab(90.23% -0.0487 0.1527) |
| OKLCH | oklch(90.23% 0.16 107.7) |
| XYZ | xyz(63.9921, 74.7926, 20.2962) |
| Luminance | 0.7479 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Yellowish
#FAEE66
ΔE00 2.82
Sandy Yellow
#FDEE73
ΔE00 3.92
Dull Yellow
#EEDC5B
ΔE00 3.95
Off Yellow
#F1F33F
ΔE00 3.96
Straw
#FCF679
ΔE00 4.07
Butter Yellow
#FFFD74
ΔE00 4.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EAE658 #585CEA
analogous
#EA9D58 #EAE658 #A5EA58
triadic
#EAE658 #58EAE6 #E658EA
tetradic
#EAE658 #58EA9D #585CEA #EA58A5
square
#EAE658 #58EA9D #585CEA #EA58A5
split-complementary
#EAE658 #58A5EA #9D58EA
monochromatic
#B1AD16 #E3DE22 #EAE658 #F1EE8E #F8F6C5
إمكانية الوصول والتباين
On white
1.32
#EAE658 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.96
#EAE658 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EAE658
15.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EAE658 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EAE658 | 1.00 | 1.32 | 15.96 | 15.96 |
| #FFFFFF | 1.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.96 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.96 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F8DD46
Deuteranopia (green-blind)
#FBE361
Tritanopia (blue-blind)
#FAD8C8
Achromatopsia (no color)
#E0E0E0
وسوم التصميم والكود
CSS
--color: #eae658; /* rgb */ color: rgb(234, 230, 88); /* oklch */ color: oklch(90.2% 0.160 107.7);
Tailwind
colors: {
custom: {
50: '#f4ed8d',
500: '#eae658',
950: '#000000',
},
}SCSS
$custom: #eae658; $custom-light: #f4ed8d; $custom-dark: #000000;
JSON
{
"hex": "#eae658",
"rgb": {
"r": 234,
"g": 230,
"b": 88
},
"hsl": {
"h": 58.356,
"s": 77.66,
"l": 63.137
},
"oklch": {
"l": 0.90233,
"c": 0.1603,
"h": 107.7
},
"luminance": 0.74791
}Semantic roles & 50–950 ramp
primary
#EAE658
secondary
#3538B2
accent
#11DA0C
background
#FFFEFC
surface
#FFFDF4
border
#D7D5CE
text
#17160D
muted
#85847F