#ECFDD9#ECFDD9
#ECFDD9 لون فاتح جداً وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.931؛ OKLCH L 97.2% C 0.050 H 128.0°. أفضل لون لنص المتن هو #000000 بتباين 19.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #ECFDD9 |
|---|---|
| RGB | rgb(236, 253, 217) |
| HSL | hsl(88, 90%, 92%) |
| HSV | hsv(88, 14%, 99%) |
| CMYK | cmyk(6.7%, 0%, 14.2%, 0.8%) |
| CIE-LAB | lab(97.27, -11.76, 15.37) |
| CIE-LCH | lch(97.27, 19.35, 127.43°) |
| OKLab | oklab(97.22% -0.031 0.0397) |
| OKLCH | oklch(97.22% 0.05 128) |
| XYZ | xyz(82.2398, 93.0929, 79.2683) |
| Luminance | 0.9309 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Lightgoldenrodyellow
#FAFAD2
ΔE00 5.71
Eggshell (survey)
#FFFFD4
ΔE00 5.94
Lightyellow
#FFFFE0
ΔE00 6.15
Cream
#FFFDD0
ΔE00 6.67
Off White (survey)
#FFFFE4
ΔE00 6.71
Ecru
#FEFFCA
ΔE00 6.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#ECFDD9 #EAD9FD
analogous
#FDFCD9 #ECFDD9 #DAFDD9
triadic
#ECFDD9 #D9ECFD #FDD9EC
tetradic
#ECFDD9 #D9FDFC #EAD9FD #FDD9DA
square
#ECFDD9 #D9FDFC #EAD9FD #FDD9DA
split-complementary
#ECFDD9 #D9DAFD #FCD9FD
monochromatic
#B2F765 #CFFA9F #ECFDD9 #F0FDE2 #F0FDE2
إمكانية الوصول والتباين
On white
1.07
#ECFDD9 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.62
#ECFDD9 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #ECFDD9
19.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##ECFDD9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ECFDD9 | 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)
#FFF8D7
Deuteranopia (green-blind)
#FEF7DA
Tritanopia (blue-blind)
#EEF9F3
Achromatopsia (no color)
#F7F7F7
وسوم التصميم والكود
CSS
--color: #ecfdd9; /* rgb */ color: rgb(236, 253, 217); /* oklch */ color: oklch(97.2% 0.050 128.0);
Tailwind
colors: {
custom: {
50: '#f2fee4',
500: '#ecfdd9',
950: '#000000',
},
}SCSS
$custom: #ecfdd9; $custom-light: #f2fee4; $custom-dark: #000000;
JSON
{
"hex": "#ecfdd9",
"rgb": {
"r": 236,
"g": 253,
"b": 217
},
"hsl": {
"h": 88.333,
"s": 90,
"l": 92.157
},
"oklch": {
"l": 0.97216,
"c": 0.05041,
"h": 128
},
"luminance": 0.93093
}Semantic roles & 50–950 ramp
primary
#ECFDD9
secondary
#BB94E7
accent
#00E66C
background
#FFFFFE
surface
#FEFFFC
border
#D6D7D5
text
#171715
muted
#858584