#FAFACD#FAFACD
#FAFACD لون فاتح جداً وخافت من عائلة أصفر. الإضاءة النسبية 0.931؛ OKLCH L 97.4% C 0.058 H 107.4°. أفضل لون لنص المتن هو #000000 بتباين 19.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FAFACD |
|---|---|
| RGB | rgb(250, 250, 205) |
| HSL | hsl(60, 82%, 89%) |
| HSV | hsv(60, 18%, 98%) |
| CMYK | cmyk(0%, 0%, 18%, 2%) |
| CIE-LAB | lab(97.27, -7.21, 21.65) |
| CIE-LCH | lch(97.27, 22.82, 108.42°) |
| OKLab | oklab(97.39% -0.0174 0.0555) |
| OKLCH | oklch(97.39% 0.058 107.4) |
| XYZ | xyz(84.6287, 93.1039, 71.2584) |
| Luminance | 0.9310 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Cream
#FFFDD0
ΔE00 0.96
Eggshell (survey)
#FFFFD4
ΔE00 1.17
Lightgoldenrodyellow
#FAFAD2
ΔE00 1.29
Lemonchiffon
#FFFACD
ΔE00 1.72
Ivory (survey)
#FFFFCB
ΔE00 1.88
Ecru
#FEFFCA
ΔE00 2.08
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FAFACD #CDCDFA
analogous
#FAE4CD #FAFACD #E4FACD
triadic
#FAFACD #CDFAFA #FACDFA
tetradic
#FAFACD #CDFAE4 #CDCDFA #FACDE4
square
#FAFACD #CDFAE4 #CDCDFA #FACDE4
split-complementary
#FAFACD #CDE4FA #E4CDFA
monochromatic
#EFEF5E #F4F495 #FAFACD #FCFCE3 #FCFCE3
إمكانية الوصول والتباين
On white
1.07
#FAFACD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.62
#FAFACD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FAFACD
19.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FAFACD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FAFACD | 1.00 | 1.07 | 19.62 | 19.62 |
| #FFFFFF | 1.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFF6CA
Deuteranopia (green-blind)
#FFF8CF
Tritanopia (blue-blind)
#FFF4EE
Achromatopsia (no color)
#F7F7F7
وسوم التصميم والكود
CSS
--color: #fafacd; /* rgb */ color: rgb(250, 250, 205); /* oklch */ color: oklch(97.4% 0.058 107.4);
Tailwind
colors: {
custom: {
50: '#fcfbdc',
500: '#fafacd',
950: '#000000',
},
}SCSS
$custom: #fafacd; $custom-light: #fcfbdc; $custom-dark: #000000;
JSON
{
"hex": "#fafacd",
"rgb": {
"r": 250,
"g": 250,
"b": 205
},
"hsl": {
"h": 60,
"s": 81.818,
"l": 89.216
},
"oklch": {
"l": 0.97389,
"c": 0.05813,
"h": 107.4
},
"luminance": 0.93103
}Semantic roles & 50–950 ramp
primary
#FAFACD
secondary
#8C8CE0
accent
#07DE07
background
#FFFFFE
surface
#FFFFFC
border
#D7D7D5
text
#171715
muted
#858584