#DBF9DD#DBF9DD
#DBF9DD لون فاتح جداً وخافت من عائلة أخضر. الإضاءة النسبية 0.880؛ OKLCH L 95.3% C 0.049 H 147.0°. أفضل لون لنص المتن هو #000000 بتباين 18.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DBF9DD |
|---|---|
| RGB | rgb(219, 249, 221) |
| HSL | hsl(124, 71%, 92%) |
| HSV | hsv(124, 12%, 98%) |
| CMYK | cmyk(12%, 0%, 11.2%, 2.4%) |
| CIE-LAB | lab(95.17, -14.84, 10.18) |
| CIE-LCH | lch(95.17, 17.99, 145.54°) |
| OKLab | oklab(95.3% -0.0408 0.0265) |
| OKLCH | oklch(95.3% 0.049 147) |
| XYZ | xyz(76.1375, 88.0307, 81.3729) |
| Luminance | 0.8803 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Honeydew
#F0FFF0
ΔE00 6.66
Ice
#D6FFFA
ΔE00 8.90
Pale Aqua
#B8FFEB
ΔE00 9.02
Very Pale Green
#CFFDBC
ΔE00 9.15
Mint
#AAF0C1
ΔE00 9.19
Very Light Green
#D1FFBD
ΔE00 9.31
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DBF9DD #F9DBF7
analogous
#E8F9DB #DBF9DD #DBF9EC
triadic
#DBF9DD #DDDBF9 #F9DDDB
tetradic
#DBF9DD #DBE8F9 #F9DBF7 #F9ECDB
square
#DBF9DD #DBE8F9 #F9DBF7 #F9ECDB
split-complementary
#DBF9DD #ECDBF9 #F9DBE8
monochromatic
#72E87A #A7F0AB #DBF9DD #E5FBE6 #E5FBE6
إمكانية الوصول والتباين
On white
1.13
#DBF9DD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.61
#DBF9DD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DBF9DD
18.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DBF9DD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DBF9DD | 1.00 | 1.13 | 18.61 | 18.61 |
| #FFFFFF | 1.13 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.61 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.61 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FAF3DC
Deuteranopia (green-blind)
#F5F0DE
Tritanopia (blue-blind)
#D8F7F1
Achromatopsia (no color)
#F1F1F1
وسوم التصميم والكود
CSS
--color: #dbf9dd; /* rgb */ color: rgb(219, 249, 221); /* oklch */ color: oklch(95.3% 0.049 147.0);
Tailwind
colors: {
custom: {
50: '#e6fbe7',
500: '#dbf9dd',
950: '#000000',
},
}SCSS
$custom: #dbf9dd; $custom-light: #e6fbe7; $custom-dark: #000000;
JSON
{
"hex": "#dbf9dd",
"rgb": {
"r": 219,
"g": 249,
"b": 221
},
"hsl": {
"h": 124,
"s": 71.429,
"l": 91.765
},
"oklch": {
"l": 0.95297,
"c": 0.04861,
"h": 147
},
"luminance": 0.88032
}Semantic roles & 50–950 ramp
primary
#DBF9DD
secondary
#DE9BD9
accent
#12C7D3
background
#FEFFFE
surface
#FCFFFC
border
#D5D7D5
text
#161716
muted
#848584