#DBEAE0#DBEAE0
#DBEAE0 لون فاتح جداً وخافت من عائلة أخضر. الإضاءة النسبية 0.793؛ OKLCH L 92.3% C 0.021 H 156.8°. أفضل لون لنص المتن هو #000000 بتباين 16.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DBEAE0 |
|---|---|
| RGB | rgb(219, 234, 224) |
| HSL | hsl(140, 26%, 89%) |
| HSV | hsv(140, 6%, 92%) |
| CMYK | cmyk(6.4%, 0%, 4.3%, 8.2%) |
| CIE-LAB | lab(91.36, -6.80, 3.14) |
| CIE-LCH | lch(91.36, 7.49, 155.21°) |
| OKLab | oklab(92.3% -0.0191 0.0082) |
| OKLCH | oklch(92.3% 0.021 156.8) |
| XYZ | xyz(72.0882, 79.2869, 82.0126) |
| Luminance | 0.7929 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Honeydew
#F0FFF0
ΔE00 4.71
Light Grey
#D8DCD6
ΔE00 5.61
Mintcream
#F5FFFA
ΔE00 5.64
Azure (CSS)
#F0FFFF
ΔE00 6.50
Lightcyan
#E0FFFF
ΔE00 7.35
Ivory
#FFFFF0
ΔE00 7.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DBEAE0 #EADBE5
analogous
#DEEADB #DBEAE0 #DBEAE8
triadic
#DBEAE0 #E0DBEA #EAE0DB
tetradic
#DBEAE0 #DBDEEA #EADBE5 #EAE8DB
square
#DBEAE0 #DBDEEA #EADBE5 #EAE8DB
split-complementary
#DBEAE0 #E8DBEA #EADBDE
monochromatic
#8EBD9D #B4D3BF #DBEAE0 #ECF4EE #ECF4EE
إمكانية الوصول والتباين
On white
1.25
#DBEAE0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.86
#DBEAE0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DBEAE0
16.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DBEAE0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DBEAE0 | 1.00 | 1.25 | 16.86 | 16.86 |
| #FFFFFF | 1.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.86 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#EAE7E0
Deuteranopia (green-blind)
#E7E5E0
Tritanopia (blue-blind)
#D9EAE7
Achromatopsia (no color)
#E6E6E6
وسوم التصميم والكود
CSS
--color: #dbeae0; /* rgb */ color: rgb(219, 234, 224); /* oklch */ color: oklch(92.3% 0.021 156.8);
Tailwind
colors: {
custom: {
50: '#e6f0e9',
500: '#dbeae0',
950: '#000000',
},
}SCSS
$custom: #dbeae0; $custom-light: #e6f0e9; $custom-dark: #000000;
JSON
{
"hex": "#dbeae0",
"rgb": {
"r": 219,
"g": 234,
"b": 224
},
"hsl": {
"h": 140,
"s": 26.316,
"l": 88.824
},
"oklch": {
"l": 0.92303,
"c": 0.02081,
"h": 156.8
},
"luminance": 0.79288
}Semantic roles & 50–950 ramp
primary
#DBEAE0
secondary
#C2A7B9
accent
#4183A5
background
#FEFFFE
surface
#FCFEFC
border
#D5D6D5
text
#151616
muted
#848584