#DFF4D9#DFF4D9
#DFF4D9 لون فاتح جداً وخافت من عائلة أخضر. الإضاءة النسبية 0.854؛ OKLCH L 94.4% C 0.042 H 138.7°. أفضل لون لنص المتن هو #000000 بتباين 18.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DFF4D9 |
|---|---|
| RGB | rgb(223, 244, 217) |
| HSL | hsl(107, 55%, 90%) |
| HSV | hsv(107, 11%, 96%) |
| CMYK | cmyk(8.6%, 0%, 11.1%, 4.3%) |
| CIE-LAB | lab(94.05, -11.71, 10.68) |
| CIE-LCH | lch(94.05, 15.85, 137.63°) |
| OKLab | oklab(94.45% -0.0316 0.0278) |
| OKLCH | oklch(94.45% 0.042 138.7) |
| XYZ | xyz(75.3042, 85.3984, 78.1484) |
| Luminance | 0.8540 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Honeydew
#F0FFF0
ΔE00 5.38
Beige
#F5F5DC
ΔE00 7.63
Lightyellow
#FFFFE0
ΔE00 7.98
Off White (survey)
#FFFFE4
ΔE00 8.06
Lightgoldenrodyellow
#FAFAD2
ΔE00 8.18
Eggshell (survey)
#FFFFD4
ΔE00 8.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DFF4D9 #EED9F4
analogous
#ECF4D9 #DFF4D9 #D9F4E0
triadic
#DFF4D9 #D9DFF4 #F4D9DF
tetradic
#DFF4D9 #D9ECF4 #EED9F4 #F4E0D9
square
#DFF4D9 #D9ECF4 #EED9F4 #F4E0D9
split-complementary
#DFF4D9 #E0D9F4 #F4D9EC
monochromatic
#8FD97A #B7E6AA #DFF4D9 #EBF8E7 #EBF8E7
إمكانية الوصول والتباين
On white
1.16
#DFF4D9 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.08
#DFF4D9 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DFF4D9
18.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DFF4D9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DFF4D9 | 1.00 | 1.16 | 18.08 | 18.08 |
| #FFFFFF | 1.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.08 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.08 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F6EFD8
Deuteranopia (green-blind)
#F2EDDA
Tritanopia (blue-blind)
#DEF2EC
Achromatopsia (no color)
#EEEEEE
وسوم التصميم والكود
CSS
--color: #dff4d9; /* rgb */ color: rgb(223, 244, 217); /* oklch */ color: oklch(94.4% 0.042 138.7);
Tailwind
colors: {
custom: {
50: '#e9f7e4',
500: '#dff4d9',
950: '#000000',
},
}SCSS
$custom: #dff4d9; $custom-light: #e9f7e4; $custom-dark: #000000;
JSON
{
"hex": "#dff4d9",
"rgb": {
"r": 223,
"g": 244,
"b": 217
},
"hsl": {
"h": 106.667,
"s": 55.102,
"l": 90.392
},
"oklch": {
"l": 0.94447,
"c": 0.04211,
"h": 138.7
},
"luminance": 0.85399
}Semantic roles & 50–950 ramp
primary
#DFF4D9
secondary
#C89DD4
accent
#23C39F
background
#FEFFFE
surface
#FCFEFC
border
#D5D6D5
text
#161715
muted
#848584