#E2E9DF#E2E9DF
#E2E9DF لون فاتح جداً ومحايد تقريباً من عائلة أخضر. الإضاءة النسبية 0.798؛ OKLCH L 92.6% C 0.015 H 136.1°. أفضل لون لنص المتن هو #000000 بتباين 16.95:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E2E9DF |
|---|---|
| RGB | rgb(226, 233, 223) |
| HSL | hsl(102, 19%, 89%) |
| HSV | hsv(102, 4%, 91%) |
| CMYK | cmyk(3%, 0%, 4.3%, 8.6%) |
| CIE-LAB | lab(91.58, -4.12, 4.04) |
| CIE-LCH | lch(91.58, 5.77, 135.55°) |
| OKLab | oklab(92.59% -0.011 0.0106) |
| OKLCH | oklch(92.59% 0.015 136.1) |
| XYZ | xyz(73.8200, 79.7741, 81.3066) |
| Luminance | 0.7977 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Light Grey
#D8DCD6
ΔE00 3.58
Mintcream
#F5FFFA
ΔE00 5.13
Honeydew
#F0FFF0
ΔE00 5.60
Ivory
#FFFFF0
ΔE00 5.86
Eggshell
#F0EAD6
ΔE00 6.44
Beige
#F5F5DC
ΔE00 6.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E2E9DF #E6DFE9
analogous
#E7E9DF #E2E9DF #DFE9E1
triadic
#E2E9DF #DFE2E9 #E9DFE2
tetradic
#E2E9DF #DFE7E9 #E6DFE9 #E9E1DF
square
#E2E9DF #DFE7E9 #E6DFE9 #E9E1DF
split-complementary
#E2E9DF #E1DFE9 #E9DFE7
monochromatic
#A0B796 #C1D0BB #E2E9DF #EFF3ED #EFF3ED
إمكانية الوصول والتباين
On white
1.24
#E2E9DF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.95
#E2E9DF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E2E9DF
16.95:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E2E9DF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E2E9DF | 1.00 | 1.24 | 16.95 | 16.95 |
| #FFFFFF | 1.24 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.95 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.95 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#EAE7DE
Deuteranopia (green-blind)
#E9E7DF
Tritanopia (blue-blind)
#E2E8E6
Achromatopsia (no color)
#E7E7E7
وسوم التصميم والكود
CSS
--color: #e2e9df; /* rgb */ color: rgb(226, 233, 223); /* oklch */ color: oklch(92.6% 0.015 136.1);
Tailwind
colors: {
custom: {
50: '#ebf0e9',
500: '#e2e9df',
950: '#000000',
},
}SCSS
$custom: #e2e9df; $custom-light: #ebf0e9; $custom-dark: #000000;
JSON
{
"hex": "#e2e9df",
"rgb": {
"r": 226,
"g": 233,
"b": 223
},
"hsl": {
"h": 102,
"s": 18.519,
"l": 89.412
},
"oklch": {
"l": 0.92592,
"c": 0.01528,
"h": 136.1
},
"luminance": 0.79774
}Semantic roles & 50–950 ramp
primary
#E2E9DF
secondary
#BAADC0
accent
#499D84
background
#FEFFFE
surface
#FDFEFC
border
#D5D6D5
text
#161616
muted
#848584