#EFE756#EFE756
#EFE756 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.762؛ OKLCH L 90.8% C 0.162 H 106.2°. أفضل لون لنص المتن هو #000000 بتباين 16.23:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EFE756 |
|---|---|
| RGB | rgb(239, 231, 86) |
| HSL | hsl(57, 83%, 64%) |
| HSV | hsv(57, 64%, 94%) |
| CMYK | cmyk(0%, 3.3%, 64%, 6.3%) |
| CIE-LAB | lab(89.94, -14.21, 68.90) |
| CIE-LCH | lch(89.94, 70.35, 101.65°) |
| OKLab | oklab(90.84% -0.0451 0.1557) |
| OKLCH | oklch(90.84% 0.162 106.2) |
| XYZ | xyz(65.8546, 76.1767, 20.0369) |
| Luminance | 0.7617 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Yellowish
#FAEE66
ΔE00 2.10
Sandy Yellow
#FDEE73
ΔE00 3.37
Dull Yellow
#EEDC5B
ΔE00 3.48
Off Yellow
#F1F33F
ΔE00 3.85
Straw
#FCF679
ΔE00 3.98
Butter Yellow
#FFFD74
ΔE00 4.81
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EFE756 #565EEF
analogous
#EF9A56 #EFE756 #AAEF56
triadic
#EFE756 #56EFE7 #E756EF
tetradic
#EFE756 #56EF9A #565EEF #EF56AA
square
#EFE756 #56EF9A #565EEF #EF56AA
split-complementary
#EFE756 #56AAEF #9A56EF
monochromatic
#B9B012 #EADF1E #EFE756 #F4EF8E #FAF7C6
إمكانية الوصول والتباين
On white
1.29
#EFE756 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.23
#EFE756 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EFE756
16.23:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EFE756 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EFE756 | 1.00 | 1.29 | 16.23 | 16.23 |
| #FFFFFF | 1.29 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.23 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.23 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FADF43
Deuteranopia (green-blind)
#FDE55F
Tritanopia (blue-blind)
#FFD8C9
Achromatopsia (no color)
#E2E2E2
وسوم التصميم والكود
CSS
--color: #efe756; /* rgb */ color: rgb(239, 231, 86); /* oklch */ color: oklch(90.8% 0.162 106.2);
Tailwind
colors: {
custom: {
50: '#f8ee8c',
500: '#efe756',
950: '#000000',
},
}SCSS
$custom: #efe756; $custom-light: #f8ee8c; $custom-dark: #000000;
JSON
{
"hex": "#efe756",
"rgb": {
"r": 239,
"g": 231,
"b": 86
},
"hsl": {
"h": 56.863,
"s": 82.703,
"l": 63.725
},
"oklch": {
"l": 0.9084,
"c": 0.16211,
"h": 106.2
},
"luminance": 0.76174
}Semantic roles & 50–950 ramp
primary
#EFE756
secondary
#3138B8
accent
#12DF06
background
#FFFEFC
surface
#FFFDF4
border
#D7D5CE
text
#18160D
muted
#86847F