#EDF8DB#EDF8DB
#EDF8DB لون فاتح جداً وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.903؛ OKLCH L 96.3% C 0.040 H 124.1°. أفضل لون لنص المتن هو #000000 بتباين 19.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EDF8DB |
|---|---|
| RGB | rgb(237, 248, 219) |
| HSL | hsl(83, 67%, 92%) |
| HSV | hsv(83, 12%, 97%) |
| CMYK | cmyk(4.4%, 0%, 11.7%, 2.7%) |
| CIE-LAB | lab(96.10, -8.61, 12.70) |
| CIE-LCH | lch(96.10, 15.35, 124.15°) |
| OKLab | oklab(96.33% -0.0223 0.033) |
| OKLCH | oklch(96.33% 0.04 124.1) |
| XYZ | xyz(81.2767, 90.2537, 80.1430) |
| Luminance | 0.9025 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Beige
#F5F5DC
ΔE00 4.48
Lightyellow
#FFFFE0
ΔE00 4.50
Off White (survey)
#FFFFE4
ΔE00 4.67
Lightgoldenrodyellow
#FAFAD2
ΔE00 5.01
Honeydew
#F0FFF0
ΔE00 5.17
Eggshell (survey)
#FFFFD4
ΔE00 5.68
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EDF8DB #E6DBF8
analogous
#F8F5DB #EDF8DB #DFF8DB
triadic
#EDF8DB #DBEDF8 #F8DBED
tetradic
#EDF8DB #DBF8F5 #E6DBF8 #F8DBDF
square
#EDF8DB #DBF8F5 #E6DBF8 #F8DBDF
split-complementary
#EDF8DB #DBDFF8 #F5DBF8
monochromatic
#BAE475 #D3EEA8 #EDF8DB #F2FAE5 #F2FAE5
إمكانية الوصول والتباين
On white
1.10
#EDF8DB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.05
#EDF8DB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EDF8DB
19.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EDF8DB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EDF8DB | 1.00 | 1.10 | 19.05 | 19.05 |
| #FFFFFF | 1.10 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.05 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FCF4D9
Deuteranopia (green-blind)
#FAF4DC
Tritanopia (blue-blind)
#EFF5F0
Achromatopsia (no color)
#F4F4F4
وسوم التصميم والكود
CSS
--color: #edf8db; /* rgb */ color: rgb(237, 248, 219); /* oklch */ color: oklch(96.3% 0.040 124.1);
Tailwind
colors: {
custom: {
50: '#f2fae6',
500: '#edf8db',
950: '#000000',
},
}SCSS
$custom: #edf8db; $custom-light: #f2fae6; $custom-dark: #000000;
JSON
{
"hex": "#edf8db",
"rgb": {
"r": 237,
"g": 248,
"b": 219
},
"hsl": {
"h": 82.759,
"s": 67.442,
"l": 91.569
},
"oklch": {
"l": 0.96327,
"c": 0.03982,
"h": 124.1
},
"luminance": 0.90254
}Semantic roles & 50–950 ramp
primary
#EDF8DB
secondary
#B49CDB
accent
#16CF5C
background
#FFFFFE
surface
#FEFFFC
border
#D6D7D5
text
#171715
muted
#858584