#EAC698#EAC698
#EAC698 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.601؛ OKLCH L 84.7% C 0.073 H 73.4°. أفضل لون لنص المتن هو #000000 بتباين 13.03:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EAC698 |
|---|---|
| RGB | rgb(234, 198, 152) |
| HSL | hsl(34, 66%, 76%) |
| HSV | hsv(34, 35%, 92%) |
| CMYK | cmyk(0%, 15.4%, 35%, 8.2%) |
| CIE-LAB | lab(81.92, 6.36, 27.82) |
| CIE-LCH | lch(81.92, 28.54, 77.12°) |
| OKLab | oklab(84.66% 0.0208 0.0698) |
| OKLCH | oklch(84.66% 0.073 73.4) |
| XYZ | xyz(59.7946, 60.1501, 38.1602) |
| Luminance | 0.6015 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Burlywood
#DEB887
ΔE00 3.55
Light Peach
#FFD8B1
ΔE00 5.17
Tan
#D2B48C
ΔE00 5.18
Very Light Brown
#D3B683
ΔE00 5.42
Navajowhite
#FFDEAD
ΔE00 5.57
Peach
#FFDAB9
ΔE00 6.45
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EAC698 #98BCEA
analogous
#EA9D98 #EAC698 #E5EA98
triadic
#EAC698 #98EAC6 #C698EA
tetradic
#EAC698 #98EA9D #98BCEA #EA98E5
square
#EAC698 #98EA9D #98BCEA #EA98E5
split-complementary
#EAC698 #98E5EA #9D98EA
monochromatic
#D58E32 #E0AA65 #EAC698 #F4E2CB #FAF1E6
إمكانية الوصول والتباين
On white
1.61
#EAC698 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.03
#EAC698 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EAC698
13.03:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EAC698 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EAC698 | 1.00 | 1.61 | 13.03 | 13.03 |
| #FFFFFF | 1.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.03 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.03 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D4C795
Deuteranopia (green-blind)
#DCCF99
Tritanopia (blue-blind)
#F7BDBA
Achromatopsia (no color)
#CCCCCC
وسوم التصميم والكود
CSS
--color: #eac698; /* rgb */ color: rgb(234, 198, 152); /* oklch */ color: oklch(84.7% 0.073 73.4);
Tailwind
colors: {
custom: {
50: '#f2d7b6',
500: '#eac698',
950: '#000000',
},
}SCSS
$custom: #eac698; $custom-light: #f2d7b6; $custom-dark: #000000;
JSON
{
"hex": "#eac698",
"rgb": {
"r": 234,
"g": 198,
"b": 152
},
"hsl": {
"h": 33.659,
"s": 66.129,
"l": 75.686
},
"oklch": {
"l": 0.84655,
"c": 0.07285,
"h": 73.4
},
"luminance": 0.60148
}Semantic roles & 50–950 ramp
primary
#EAC698
secondary
#618DC5
accent
#68CE18
background
#FFFEFD
surface
#FEFBF8
border
#D6D4D1
text
#171411
muted
#858381