#EDE258#EDE258
#EDE258 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.731؛ OKLCH L 89.7% C 0.156 H 104.8°. أفضل لون لنص المتن هو #000000 بتباين 15.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EDE258 |
|---|---|
| RGB | rgb(237, 226, 88) |
| HSL | hsl(56, 81%, 64%) |
| HSV | hsv(56, 63%, 93%) |
| CMYK | cmyk(0%, 4.6%, 62.9%, 7.1%) |
| CIE-LAB | lab(88.50, -12.44, 66.52) |
| CIE-LCH | lch(88.50, 67.68, 100.59°) |
| OKLab | oklab(89.66% -0.0398 0.151) |
| OKLCH | oklch(89.66% 0.156 104.8) |
| XYZ | xyz(63.8852, 73.1041, 19.9759) |
| Luminance | 0.7310 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dull Yellow
#EEDC5B
ΔE00 2.20
Yellowish
#FAEE66
ΔE00 2.67
Sandy Yellow
#FDEE73
ΔE00 3.41
Sand Yellow
#FCE166
ΔE00 4.39
Piss Yellow
#DDD618
ΔE00 4.58
Straw
#FCF679
ΔE00 4.67
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EDE258 #5863ED
analogous
#ED9758 #EDE258 #AEED58
triadic
#EDE258 #58EDE2 #E258ED
tetradic
#EDE258 #58ED97 #5863ED #ED58AE
square
#EDE258 #58ED97 #5863ED #ED58AE
split-complementary
#EDE258 #58AEED #9758ED
monochromatic
#B7AB14 #E7D821 #EDE258 #F3EC8F #F9F5C6
إمكانية الوصول والتباين
On white
1.34
#EDE258 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.62
#EDE258 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EDE258
15.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EDE258 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EDE258 | 1.00 | 1.34 | 15.62 | 15.62 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F5DA47
Deuteranopia (green-blind)
#F9E160
Tritanopia (blue-blind)
#FED4C5
Achromatopsia (no color)
#DEDEDE
وسوم التصميم والكود
CSS
--color: #ede258; /* rgb */ color: rgb(237, 226, 88); /* oklch */ color: oklch(89.7% 0.156 104.8);
Tailwind
colors: {
custom: {
50: '#f6ea8d',
500: '#ede258',
950: '#000000',
},
}SCSS
$custom: #ede258; $custom-light: #f6ea8d; $custom-dark: #000000;
JSON
{
"hex": "#ede258",
"rgb": {
"r": 237,
"g": 226,
"b": 88
},
"hsl": {
"h": 55.57,
"s": 80.541,
"l": 63.725
},
"oklch": {
"l": 0.89656,
"c": 0.15617,
"h": 104.8
},
"luminance": 0.73102
}Semantic roles & 50–950 ramp
primary
#EDE258
secondary
#333DB6
accent
#18DD09
background
#FFFEFC
surface
#FFFDF4
border
#D7D5CE
text
#18160D
muted
#86847F