#EBCA54#EBCA54
#EBCA54 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.605؛ OKLCH L 84.6% C 0.140 H 93.5°. أفضل لون لنص المتن هو #000000 بتباين 13.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EBCA54 |
|---|---|
| RGB | rgb(235, 202, 84) |
| HSL | hsl(47, 79%, 63%) |
| HSV | hsv(47, 64%, 92%) |
| CMYK | cmyk(0%, 14%, 64.3%, 7.8%) |
| CIE-LAB | lab(82.13, -1.38, 61.35) |
| CIE-LCH | lch(82.13, 61.37, 91.29°) |
| OKLab | oklab(84.56% -0.0085 0.1395) |
| OKLCH | oklch(84.56% 0.14 93.5) |
| XYZ | xyz(56.9844, 60.5463, 17.0709) |
| Luminance | 0.6054 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Maize
#F4D054
ΔE00 1.78
Light Mustard
#F7D560
ΔE00 2.64
Light Gold
#FDDC5C
ΔE00 4.27
Pale Gold
#FDDE6C
ΔE00 4.62
Sand (survey)
#E2CA76
ΔE00 5.02
Sandy
#F1DA7A
ΔE00 5.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EBCA54 #5475EB
analogous
#EB7E54 #EBCA54 #C1EB54
triadic
#EBCA54 #54EBCA #CA54EB
tetradic
#EBCA54 #54EB7E #5475EB #EB54C1
square
#EBCA54 #54EB7E #5475EB #EB54C1
split-complementary
#EBCA54 #54C1EB #7E54EB
monochromatic
#B08E15 #E5B91D #EBCA54 #F1DB8B #F8ECC2
إمكانية الوصول والتباين
On white
1.60
#EBCA54 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.11
#EBCA54 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EBCA54
13.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EBCA54 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EBCA54 | 1.00 | 1.60 | 13.11 | 13.11 |
| #FFFFFF | 1.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.11 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#DEC746
Deuteranopia (green-blind)
#E6D05A
Tritanopia (blue-blind)
#FDBBB1
Achromatopsia (no color)
#CCCCCC
وسوم التصميم والكود
CSS
--color: #ebca54; /* rgb */ color: rgb(235, 202, 84); /* oklch */ color: oklch(84.6% 0.140 93.5);
Tailwind
colors: {
custom: {
50: '#f5d989',
500: '#ebca54',
950: '#000000',
},
}SCSS
$custom: #ebca54; $custom-light: #f5d989; $custom-dark: #000000;
JSON
{
"hex": "#ebca54",
"rgb": {
"r": 235,
"g": 202,
"b": 84
},
"hsl": {
"h": 46.887,
"s": 79.058,
"l": 62.549
},
"oklch": {
"l": 0.84559,
"c": 0.1398,
"h": 93.5
},
"luminance": 0.60543
}Semantic roles & 50–950 ramp
primary
#EBCA54
secondary
#334EB0
accent
#38DB0A
background
#FFFEFC
surface
#FFFBF4
border
#D7D4CE
text
#18140C
muted
#86837F