#FAFDFD#FAFDFD
#FAFDFD لون فاتح جداً ومحايد تقريباً من عائلة أزرق مخضرّ. الإضاءة النسبية 0.977؛ OKLCH L 99.2% C 0.003 H 197.0°. أفضل لون لنص المتن هو #000000 بتباين 20.53:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FAFDFD |
|---|---|
| RGB | rgb(250, 253, 253) |
| HSL | hsl(180, 43%, 99%) |
| HSV | hsv(180, 1%, 99%) |
| CMYK | cmyk(1.2%, 0%, 0%, 0.8%) |
| CIE-LAB | lab(99.09, -0.99, -0.35) |
| CIE-LCH | lch(99.09, 1.05, 199.34°) |
| OKLab | oklab(99.18% -0.003 -0.0009) |
| OKLCH | oklch(99.18% 0.003 197) |
| XYZ | xyz(92.2761, 97.6662, 106.8996) |
| Luminance | 0.9767 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
White
#FFFFFF
ΔE00 1.56
Pale Grey
#FDFDFE
ΔE00 1.70
Whitesmoke
#F5F5F5
ΔE00 2.09
Off White
#FAF9F6
ΔE00 2.27
Aliceblue
#F0F8FF
ΔE00 3.72
Snow
#FFFAFA
ΔE00 3.97
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FAFDFD #FDFAFA
analogous
#FAFDFB #FAFDFD #FAFBFD
triadic
#FAFDFD #FDFAFD #FDFDFA
tetradic
#FAFDFD #FBFAFD #FDFAFA #FBFDFA
square
#FAFDFD #FBFAFD #FDFAFA #FBFDFA
split-complementary
#FAFDFD #FDFAFB #FDFBFA
monochromatic
#A3DADA #CEECEC #E9F6F6 #E9F6F6 #E9F6F6
إمكانية الوصول والتباين
On white
1.02
#FAFDFD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
20.53
#FAFDFD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FAFDFD
20.53:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FAFDFD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FAFDFD | 1.00 | 1.02 | 20.53 | 20.53 |
| #FFFFFF | 1.02 | 1.00 | 21.00 | 21.00 |
| #000000 | 20.53 | 21.00 | 1.00 | 1.00 |
| ##000000 | 20.53 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FDFDFD
Deuteranopia (green-blind)
#FCFCFD
Tritanopia (blue-blind)
#F9FDFD
Achromatopsia (no color)
#FCFCFC
وسوم التصميم والكود
CSS
--color: #fafdfd; /* rgb */ color: rgb(250, 253, 253); /* oklch */ color: oklch(99.2% 0.003 197.0);
Tailwind
colors: {
custom: {
50: '#fcfefe',
500: '#fafdfd',
950: '#000000',
},
}SCSS
$custom: #fafdfd; $custom-light: #fcfefe; $custom-dark: #000000;
JSON
{
"hex": "#fafdfd",
"rgb": {
"r": 250,
"g": 253,
"b": 253
},
"hsl": {
"h": 180,
"s": 42.857,
"l": 98.627
},
"oklch": {
"l": 0.99179,
"c": 0.00318,
"h": 197
},
"luminance": 0.97666
}Semantic roles & 50–950 ramp
primary
#FAFDFD
secondary
#DCBFBF
accent
#3030B6
background
#FFFFFF
surface
#FFFFFF
border
#D7D7D7
text
#171717
muted
#858585