#EAF045#EAF045
#EAF045 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.802؛ OKLCH L 92.2% C 0.183 H 111.5°. أفضل لون لنص المتن هو #000000 بتباين 17.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EAF045 |
|---|---|
| RGB | rgb(234, 240, 69) |
| HSL | hsl(62, 85%, 61%) |
| HSV | hsv(62, 71%, 94%) |
| CMYK | cmyk(2.5%, 0%, 71.3%, 5.9%) |
| CIE-LAB | lab(91.79, -21.49, 76.84) |
| CIE-LCH | lch(91.79, 79.79, 105.63°) |
| OKLab | oklab(92.19% -0.0669 0.1699) |
| OKLCH | oklch(92.19% 0.183 111.5) |
| XYZ | xyz(66.1681, 80.2440, 17.6321) |
| Luminance | 0.8024 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Off Yellow
#F1F33F
ΔE00 1.42
Banana Yellow
#FAFE4B
ΔE00 3.06
Lemon (survey)
#FDFF52
ΔE00 3.35
Canary
#FDFF63
ΔE00 3.56
Canary Yellow
#FFFE40
ΔE00 3.82
Lemon Yellow
#FDFF38
ΔE00 3.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EAF045 #4B45F0
analogous
#F0A045 #EAF045 #95F045
triadic
#EAF045 #45EAF0 #F045EA
tetradic
#EAF045 #45F0A0 #4B45F0 #F04595
square
#EAF045 #45F0A0 #4B45F0 #F04595
split-complementary
#EAF045 #4595F0 #A045F0
monochromatic
#A7AD0E #DEE512 #EAF045 #F0F57E #F7F9B6
إمكانية الوصول والتباين
On white
1.23
#EAF045 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.05
#EAF045 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EAF045
17.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EAF045 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EAF045 | 1.00 | 1.23 | 17.05 | 17.05 |
| #FFFFFF | 1.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.05 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFE524
Deuteranopia (green-blind)
#FFEA52
Tritanopia (blue-blind)
#FAE1CF
Achromatopsia (no color)
#E7E7E7
وسوم التصميم والكود
CSS
--color: #eaf045; /* rgb */ color: rgb(234, 240, 69); /* oklch */ color: oklch(92.2% 0.183 111.5);
Tailwind
colors: {
custom: {
50: '#f5f484',
500: '#eaf045',
950: '#000000',
},
}SCSS
$custom: #eaf045; $custom-light: #f5f484; $custom-dark: #000000;
JSON
{
"hex": "#eaf045",
"rgb": {
"r": 234,
"g": 240,
"b": 69
},
"hsl": {
"h": 62.105,
"s": 85.075,
"l": 60.588
},
"oklch": {
"l": 0.92188,
"c": 0.18259,
"h": 111.5
},
"luminance": 0.80242
}Semantic roles & 50–950 ramp
primary
#EAF045
secondary
#302CAD
accent
#04E20C
background
#FFFFFC
surface
#FFFEF3
border
#D7D6CD
text
#18170C
muted
#86857F