#DBDE8E#DBDE8E
#DBDE8E لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.693؛ OKLCH L 88.0% C 0.102 H 110.2°. أفضل لون لنص المتن هو #000000 بتباين 14.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DBDE8E |
|---|---|
| RGB | rgb(219, 222, 142) |
| HSL | hsl(62, 55%, 71%) |
| HSV | hsv(62, 36%, 87%) |
| CMYK | cmyk(1.4%, 0%, 36%, 12.9%) |
| CIE-LAB | lab(86.63, -12.94, 38.93) |
| CIE-LCH | lch(86.63, 41.03, 108.38°) |
| OKLab | oklab(88.02% -0.0351 0.0956) |
| OKLCH | oklch(88.02% 0.102 110.2) |
| XYZ | xyz(60.2177, 69.2566, 35.7816) |
| Luminance | 0.6926 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Greenish Beige
#C9D179
ΔE00 3.83
Khaki (CSS)
#F0E68C
ΔE00 4.55
Light Khaki
#E6F2A2
ΔE00 4.65
Palegoldenrod
#EEE8AA
ΔE00 5.03
Greenish Tan
#BCCB7A
ΔE00 5.96
Buff
#FEF69E
ΔE00 6.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DBDE8E #918EDE
analogous
#DEB98E #DBDE8E #B3DE8E
triadic
#DBDE8E #8EDBDE #DE8EDB
tetradic
#DBDE8E #8EDEB9 #918EDE #DE8EB3
square
#DBDE8E #8EDEB9 #918EDE #DE8EB3
split-complementary
#DBDE8E #8EB3DE #B98EDE
monochromatic
#B6BB37 #CCD05F #DBDE8E #EAECBD #F7F8E7
إمكانية الوصول والتباين
On white
1.41
#DBDE8E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.85
#DBDE8E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DBDE8E
14.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DBDE8E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DBDE8E | 1.00 | 1.41 | 14.85 | 14.85 |
| #FFFFFF | 1.41 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#EAD788
Deuteranopia (green-blind)
#EBDA91
Tritanopia (blue-blind)
#E5D5CA
Achromatopsia (no color)
#D9D9D9
وسوم التصميم والكود
CSS
--color: #dbde8e; /* rgb */ color: rgb(219, 222, 142); /* oklch */ color: oklch(88.0% 0.102 110.2);
Tailwind
colors: {
custom: {
50: '#e7e8b0',
500: '#dbde8e',
950: '#000000',
},
}SCSS
$custom: #dbde8e; $custom-light: #e7e8b0; $custom-dark: #000000;
JSON
{
"hex": "#dbde8e",
"rgb": {
"r": 219,
"g": 222,
"b": 142
},
"hsl": {
"h": 62.25,
"s": 54.795,
"l": 71.373
},
"oklch": {
"l": 0.8802,
"c": 0.10185,
"h": 110.2
},
"luminance": 0.69256
}Semantic roles & 50–950 ramp
primary
#DBDE8E
secondary
#5E5AB6
accent
#23C229
background
#FEFEFD
surface
#FDFCF7
border
#D5D5D0
text
#161610
muted
#848481