#DFD993#DFD993
#DFD993 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.674؛ OKLCH L 87.4% C 0.090 H 103.9°. أفضل لون لنص المتن هو #000000 بتباين 14.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DFD993 |
|---|---|
| RGB | rgb(223, 217, 147) |
| HSL | hsl(55, 54%, 73%) |
| HSV | hsv(55, 34%, 87%) |
| CMYK | cmyk(0%, 2.7%, 34.1%, 12.5%) |
| CIE-LAB | lab(85.72, -8.30, 35.28) |
| CIE-LCH | lch(85.72, 36.24, 103.24°) |
| OKLab | oklab(87.4% -0.0216 0.0873) |
| OKLCH | oklch(87.4% 0.09 103.9) |
| XYZ | xyz(60.5114, 67.4216, 37.4241) |
| Luminance | 0.6742 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Palegoldenrod
#EEE8AA
ΔE00 3.86
Beige (survey)
#E6DAA6
ΔE00 4.35
Khaki (CSS)
#F0E68C
ΔE00 4.58
Vanilla
#F3E5AB
ΔE00 4.79
Greenish Beige
#C9D179
ΔE00 5.44
Light Tan
#FBEEAC
ΔE00 5.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DFD993 #9399DF
analogous
#DFB393 #DFD993 #BFDF93
triadic
#DFD993 #93DFD9 #D993DF
tetradic
#DFD993 #93DFB3 #9399DF #DF93BF
square
#DFD993 #93DFB3 #9399DF #DF93BF
split-complementary
#DFD993 #93BFDF #B393DF
monochromatic
#BFB439 #D1C864 #DFD993 #EDEAC2 #F8F7E7
إمكانية الوصول والتباين
On white
1.45
#DFD993 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.48
#DFD993 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DFD993
14.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DFD993 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DFD993 | 1.00 | 1.45 | 14.48 | 14.48 |
| #FFFFFF | 1.45 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.48 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.48 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E5D48E
Deuteranopia (green-blind)
#E7D896
Tritanopia (blue-blind)
#EAD0C7
Achromatopsia (no color)
#D6D6D6
وسوم التصميم والكود
CSS
--color: #dfd993; /* rgb */ color: rgb(223, 217, 147); /* oklch */ color: oklch(87.4% 0.090 103.9);
Tailwind
colors: {
custom: {
50: '#eae4b3',
500: '#dfd993',
950: '#000000',
},
}SCSS
$custom: #dfd993; $custom-light: #eae4b3; $custom-dark: #000000;
JSON
{
"hex": "#dfd993",
"rgb": {
"r": 223,
"g": 217,
"b": 147
},
"hsl": {
"h": 55.263,
"s": 54.286,
"l": 72.549
},
"oklch": {
"l": 0.87396,
"c": 0.08994,
"h": 103.9
},
"luminance": 0.6742
}Semantic roles & 50–950 ramp
primary
#DFD993
secondary
#5F66B7
accent
#30C224
background
#FEFEFD
surface
#FDFCF8
border
#D5D5D1
text
#161511
muted
#848481