#DECE88#DECE88
#DECE88 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.615؛ OKLCH L 84.9% C 0.091 H 96.8°. أفضل لون لنص المتن هو #000000 بتباين 13.29:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DECE88 |
|---|---|
| RGB | rgb(222, 206, 136) |
| HSL | hsl(49, 57%, 70%) |
| HSV | hsv(49, 39%, 87%) |
| CMYK | cmyk(0%, 7.2%, 38.7%, 12.9%) |
| CIE-LAB | lab(82.62, -4.33, 36.84) |
| CIE-LCH | lch(82.62, 37.09, 96.71°) |
| OKLab | oklab(84.87% -0.0109 0.0905) |
| OKLCH | oklch(84.87% 0.091 96.8) |
| XYZ | xyz(56.6405, 61.4515, 32.1655) |
| Luminance | 0.6145 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Sand (survey)
#E2CA76
ΔE00 3.32
Beige (survey)
#E6DAA6
ΔE00 4.87
Sandy
#F1DA7A
ΔE00 5.35
Vanilla
#F3E5AB
ΔE00 5.94
Khaki (CSS)
#F0E68C
ΔE00 6.31
Wheat (survey)
#FBDD7E
ΔE00 6.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DECE88 #8898DE
analogous
#DEA388 #DECE88 #C3DE88
triadic
#DECE88 #88DECE #CE88DE
tetradic
#DECE88 #88DEA3 #8898DE #DE88C3
square
#DECE88 #88DEA3 #8898DE #DE88C3
split-complementary
#DECE88 #88C3DE #A388DE
monochromatic
#B8A033 #D1BA58 #DECE88 #EBE2B8 #F8F5E7
إمكانية الوصول والتباين
On white
1.58
#DECE88 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.29
#DECE88 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DECE88
13.29:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DECE88 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DECE88 | 1.00 | 1.58 | 13.29 | 13.29 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.29 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#DBCA83
Deuteranopia (green-blind)
#E0D08B
Tritanopia (blue-blind)
#EAC4BC
Achromatopsia (no color)
#CECECE
وسوم التصميم والكود
CSS
--color: #dece88; /* rgb */ color: rgb(222, 206, 136); /* oklch */ color: oklch(84.9% 0.091 96.8);
Tailwind
colors: {
custom: {
50: '#e9dcab',
500: '#dece88',
950: '#000000',
},
}SCSS
$custom: #dece88; $custom-light: #e9dcab; $custom-dark: #000000;
JSON
{
"hex": "#dece88",
"rgb": {
"r": 222,
"g": 206,
"b": 136
},
"hsl": {
"h": 48.837,
"s": 56.579,
"l": 70.196
},
"oklch": {
"l": 0.8487,
"c": 0.09116,
"h": 96.8
},
"luminance": 0.6145
}Semantic roles & 50–950 ramp
primary
#DECE88
secondary
#5567B5
accent
#40C421
background
#FEFEFD
surface
#FDFCF7
border
#D5D5D0
text
#161510
muted
#848481