#DBDCC1#DBDCC1
#DBDCC1 لون فاتح جداً وخافت من عائلة أصفر. الإضاءة النسبية 0.701؛ OKLCH L 88.7% C 0.036 H 108.8°. أفضل لون لنص المتن هو #000000 بتباين 15.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DBDCC1 |
|---|---|
| RGB | rgb(219, 220, 193) |
| HSL | hsl(62, 28%, 81%) |
| HSV | hsv(62, 12%, 86%) |
| CMYK | cmyk(0.5%, 0%, 12.3%, 13.7%) |
| CIE-LAB | lab(87.04, -4.93, 13.17) |
| CIE-LCH | lch(87.04, 14.06, 110.52°) |
| OKLab | oklab(88.65% -0.0116 0.0341) |
| OKLCH | oklch(88.65% 0.036 108.8) |
| XYZ | xyz(64.4312, 70.0971, 60.5775) |
| Luminance | 0.7010 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Beige
#F5F5DC
ΔE00 5.59
Eggshell
#F0EAD6
ΔE00 5.64
Cornsilk
#FFF8DC
ΔE00 7.22
Lightgoldenrodyellow
#FAFAD2
ΔE00 7.28
Off White (survey)
#FFFFE4
ΔE00 7.51
Lightyellow
#FFFFE0
ΔE00 7.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DBDCC1 #C2C1DC
analogous
#DCCFC1 #DBDCC1 #CDDCC1
triadic
#DBDCC1 #C1DBDC #DCC1DB
tetradic
#DBDCC1 #C1DCCF #C2C1DC #DCC1CD
square
#DBDCC1 #C1DCCF #C2C1DC #DCC1CD
split-complementary
#DBDCC1 #C1CDDC #CFC1DC
monochromatic
#AEB073 #C4C69A #DBDCC1 #F2F2E8 #F4F4EB
إمكانية الوصول والتباين
On white
1.40
#DBDCC1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.02
#DBDCC1 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DBDCC1
15.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DBDCC1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DBDCC1 | 1.00 | 1.40 | 15.02 | 15.02 |
| #FFFFFF | 1.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.02 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E1D9BF
Deuteranopia (green-blind)
#E1DBC2
Tritanopia (blue-blind)
#DFD8D4
Achromatopsia (no color)
#DADADA
وسوم التصميم والكود
CSS
--color: #dbdcc1; /* rgb */ color: rgb(219, 220, 193); /* oklch */ color: oklch(88.7% 0.036 108.8);
Tailwind
colors: {
custom: {
50: '#e6e6d3',
500: '#dbdcc1',
950: '#000000',
},
}SCSS
$custom: #dbdcc1; $custom-light: #e6e6d3; $custom-dark: #000000;
JSON
{
"hex": "#dbdcc1",
"rgb": {
"r": 219,
"g": 220,
"b": 193
},
"hsl": {
"h": 62.222,
"s": 27.835,
"l": 80.98
},
"oklch": {
"l": 0.88654,
"c": 0.03607,
"h": 108.8
},
"luminance": 0.70097
}Semantic roles & 50–950 ramp
primary
#DBDCC1
secondary
#908EB3
accent
#3FA643
background
#FEFEFE
surface
#FCFCFB
border
#D5D5D4
text
#161614
muted
#848483