#68593E#68593E
#68593E لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.104؛ OKLCH L 47.2% C 0.045 H 81.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.80:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #68593E |
|---|---|
| RGB | rgb(104, 89, 62) |
| HSL | hsl(39, 25%, 33%) |
| HSV | hsv(39, 40%, 41%) |
| CMYK | cmyk(0%, 14.4%, 40.4%, 59.2%) |
| CIE-LAB | lab(38.61, 1.82, 17.90) |
| CIE-LCH | lch(38.61, 17.99, 84.19°) |
| OKLab | oklab(47.15% 0.0064 0.0445) |
| OKLCH | oklch(47.15% 0.045 81.9) |
| XYZ | xyz(10.1510, 10.4360, 6.0361) |
| Luminance | 0.1044 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Greyish Brown
#7A6A4F
ΔE00 6.39
Dark Taupe
#7F684E
ΔE00 7.38
Dirt Brown
#836539
ΔE00 8.52
Walnut
#5C4A3D
ΔE00 8.53
Grey Brown
#7F7053
ΔE00 8.61
Umber
#635147
ΔE00 8.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#68593E #3E4D68
analogous
#68443E #68593E #62683E
triadic
#68593E #3E6859 #593E68
tetradic
#68593E #3E6844 #3E4D68 #683E62
square
#68593E #3E6844 #3E4D68 #683E62
split-complementary
#68593E #3E6268 #443E68
monochromatic
#1B1710 #423827 #68593E #8E7A55 #AC9874
إمكانية الوصول والتباين
On white
6.80
#68593E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.09
#68593E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #68593E
6.80:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##68593E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##68593E | 1.00 | 6.80 | 3.09 | 6.80 |
| #FFFFFF | 6.80 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.09 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.80 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#60593C
Deuteranopia (green-blind)
#635D3F
Tritanopia (blue-blind)
#6F5452
Achromatopsia (no color)
#5B5B5B
وسوم التصميم والكود
CSS
--color: #68593e; /* rgb */ color: rgb(104, 89, 62); /* oklch */ color: oklch(47.2% 0.045 81.9);
Tailwind
colors: {
custom: {
50: '#948773',
500: '#68593e',
950: '#000000',
},
}SCSS
$custom: #68593e; $custom-light: #948773; $custom-dark: #000000;
JSON
{
"hex": "#68593e",
"rgb": {
"r": 104,
"g": 89,
"b": 62
},
"hsl": {
"h": 38.571,
"s": 25.301,
"l": 32.549
},
"oklch": {
"l": 0.47152,
"c": 0.04491,
"h": 81.9
},
"luminance": 0.10436
}Semantic roles & 50–950 ramp
primary
#68593E
secondary
#6B7B97
accent
#87C266
background
#F9F8F7
surface
#F1EFED
border
#CBCAC8
text
#0D0B08
muted
#7E7C7B