#FAF797#FAF797
#FAF797 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.891؛ OKLCH L 95.8% C 0.118 H 106.9°. أفضل لون لنص المتن هو #000000 بتباين 18.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FAF797 |
|---|---|
| RGB | rgb(250, 247, 151) |
| HSL | hsl(58, 91%, 79%) |
| HSV | hsv(58, 40%, 98%) |
| CMYK | cmyk(0%, 1.2%, 39.6%, 2%) |
| CIE-LAB | lab(95.61, -12.43, 46.45) |
| CIE-LCH | lch(95.61, 48.09, 104.99°) |
| OKLab | oklab(95.79% -0.0343 0.113) |
| OKLCH | oklch(95.79% 0.118 106.9) |
| XYZ | xyz(78.2723, 89.0816, 42.3434) |
| Luminance | 0.8908 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Buff
#FEF69E
ΔE00 1.75
Dark Cream
#FFF39A
ΔE00 2.59
Manilla
#FFFA86
ΔE00 2.91
Parchment
#FEFCAF
ΔE00 3.41
Yellowish Tan
#FCFC81
ΔE00 3.68
Pale Yellow
#FFFF84
ΔE00 3.82
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FAF797 #979AFA
analogous
#FAC597 #FAF797 #CBFA97
triadic
#FAF797 #97FAF7 #F797FA
tetradic
#FAF797 #97FAC5 #979AFA #FA97CB
square
#FAF797 #97FAC5 #979AFA #FA97CB
split-complementary
#FAF797 #97CBFA #C597FA
monochromatic
#F4EE22 #F7F35D #FAF797 #FDFBD1 #FEFDE2
إمكانية الوصول والتباين
On white
1.12
#FAF797 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.82
#FAF797 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FAF797
18.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FAF797 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FAF797 | 1.00 | 1.12 | 18.82 | 18.82 |
| #FFFFFF | 1.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.82 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFF090
Deuteranopia (green-blind)
#FFF49B
Tritanopia (blue-blind)
#FFECDF
Achromatopsia (no color)
#F2F2F2
وسوم التصميم والكود
CSS
--color: #faf797; /* rgb */ color: rgb(250, 247, 151); /* oklch */ color: oklch(95.8% 0.118 106.9);
Tailwind
colors: {
custom: {
50: '#fdf9b7',
500: '#faf797',
950: '#000000',
},
}SCSS
$custom: #faf797; $custom-light: #fdf9b7; $custom-dark: #000000;
JSON
{
"hex": "#faf797",
"rgb": {
"r": 250,
"g": 247,
"b": 151
},
"hsl": {
"h": 58.182,
"s": 90.826,
"l": 78.627
},
"oklch": {
"l": 0.95785,
"c": 0.11804,
"h": 106.9
},
"luminance": 0.8908
}Semantic roles & 50–950 ramp
primary
#FAF797
secondary
#5B5FDA
accent
#07E600
background
#FFFFFD
surface
#FFFFF8
border
#D7D7D1
text
#181711
muted
#868581