#E5C883#E5C883
#E5C883 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.596؛ OKLCH L 84.2% C 0.093 H 87.6°. أفضل لون لنص المتن هو #000000 بتباين 12.92:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E5C883 |
|---|---|
| RGB | rgb(229, 200, 131) |
| HSL | hsl(42, 65%, 71%) |
| HSV | hsv(42, 43%, 90%) |
| CMYK | cmyk(0%, 12.7%, 42.8%, 10.2%) |
| CIE-LAB | lab(81.62, 1.01, 38.22) |
| CIE-LCH | lch(81.62, 38.24, 88.48°) |
| OKLab | oklab(84.2% 0.0039 0.0934) |
| OKLCH | oklch(84.2% 0.093 87.6) |
| XYZ | xyz(57.0657, 59.6076, 29.9678) |
| Luminance | 0.5960 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Sand (survey)
#E2CA76
ΔE00 3.38
Tan (survey)
#D1B26F
ΔE00 5.58
Very Light Brown
#D3B683
ΔE00 5.87
Sandy
#F1DA7A
ΔE00 6.38
Wheat (survey)
#FBDD7E
ΔE00 6.40
Beige (survey)
#E6DAA6
ΔE00 6.97
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E5C883 #83A0E5
analogous
#E59783 #E5C883 #D1E583
triadic
#E5C883 #83E5C8 #C883E5
tetradic
#E5C883 #83E597 #83A0E5 #E583D1
square
#E5C883 #83E597 #83A0E5 #E583D1
split-complementary
#E5C883 #83D1E5 #9783E5
monochromatic
#C49629 #DAB250 #E5C883 #F0DEB6 #FAF4E6
إمكانية الوصول والتباين
On white
1.63
#E5C883 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.92
#E5C883 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E5C883
12.92:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E5C883 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E5C883 | 1.00 | 1.63 | 12.92 | 12.92 |
| #FFFFFF | 1.63 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.92 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D7C67E
Deuteranopia (green-blind)
#DECE85
Tritanopia (blue-blind)
#F3BDB7
Achromatopsia (no color)
#CBCBCB
وسوم التصميم والكود
CSS
--color: #e5c883; /* rgb */ color: rgb(229, 200, 131); /* oklch */ color: oklch(84.2% 0.093 87.6);
Tailwind
colors: {
custom: {
50: '#efd8a8',
500: '#e5c883',
950: '#000000',
},
}SCSS
$custom: #e5c883; $custom-light: #efd8a8; $custom-dark: #000000;
JSON
{
"hex": "#e5c883",
"rgb": {
"r": 229,
"g": 200,
"b": 131
},
"hsl": {
"h": 42.245,
"s": 65.333,
"l": 70.588
},
"oklch": {
"l": 0.84204,
"c": 0.09349,
"h": 87.6
},
"luminance": 0.59605
}Semantic roles & 50–950 ramp
primary
#E5C883
secondary
#4F70BD
accent
#4ECD18
background
#FFFEFC
surface
#FEFBF6
border
#D6D4D0
text
#17140F
muted
#858380