#FAE76B#FAE76B
#FAE76B لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.785؛ OKLCH L 92.0% C 0.145 H 100.7°. أفضل لون لنص المتن هو #000000 بتباين 16.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FAE76B |
|---|---|
| RGB | rgb(250, 231, 107) |
| HSL | hsl(52, 93%, 70%) |
| HSV | hsv(52, 57%, 98%) |
| CMYK | cmyk(0%, 7.6%, 57.2%, 2%) |
| CIE-LAB | lab(91.03, -8.38, 61.50) |
| CIE-LCH | lch(91.03, 62.07, 97.76°) |
| OKLab | oklab(91.98% -0.0269 0.1425) |
| OKLCH | oklch(91.98% 0.145 100.7) |
| XYZ | xyz(70.6567, 78.5401, 25.3450) |
| Luminance | 0.7854 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Sandy Yellow
#FDEE73
ΔE00 1.72
Sand Yellow
#FCE166
ΔE00 2.33
Yellowish
#FAEE66
ΔE00 2.45
Dull Yellow
#EEDC5B
ΔE00 2.58
Yellow Tan
#FFE36E
ΔE00 2.60
Pale Gold
#FDDE6C
ΔE00 3.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FAE76B #6B7EFA
analogous
#FAA06B #FAE76B #C5FA6B
triadic
#FAE76B #6BFAE7 #E76BFA
tetradic
#FAE76B #6BFAA0 #6B7EFA #FA6BC5
square
#FAE76B #6BFAA0 #6B7EFA #FA6BC5
split-complementary
#FAE76B #6BC5FA #A06BFA
monochromatic
#E3C608 #F8DD30 #FAE76B #FCF1A6 #FEFAE1
إمكانية الوصول والتباين
On white
1.26
#FAE76B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.71
#FAE76B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FAE76B
16.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FAE76B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FAE76B | 1.00 | 1.26 | 16.71 | 16.71 |
| #FFFFFF | 1.26 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.71 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.71 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FAE15E
Deuteranopia (green-blind)
#FFE971
Tritanopia (blue-blind)
#FFD9CC
Achromatopsia (no color)
#E5E5E5
وسوم التصميم والكود
CSS
--color: #fae76b; /* rgb */ color: rgb(250, 231, 107); /* oklch */ color: oklch(92.0% 0.145 100.7);
Tailwind
colors: {
custom: {
50: '#ffee99',
500: '#fae76b',
950: '#000000',
},
}SCSS
$custom: #fae76b; $custom-light: #ffee99; $custom-dark: #000000;
JSON
{
"hex": "#fae76b",
"rgb": {
"r": 250,
"g": 231,
"b": 107
},
"hsl": {
"h": 52.028,
"s": 93.464,
"l": 70
},
"oklch": {
"l": 0.91977,
"c": 0.14501,
"h": 100.7
},
"luminance": 0.78537
}Semantic roles & 50–950 ramp
primary
#FAE76B
secondary
#354AD5
accent
#1EE600
background
#FFFEFC
surface
#FFFDF5
border
#D7D5CF
text
#18160E
muted
#86847F