#685A3C#685A3C
#685A3C لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.106؛ OKLCH L 47.3% C 0.048 H 85.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #685A3C |
|---|---|
| RGB | rgb(104, 90, 60) |
| HSL | hsl(41, 27%, 32%) |
| HSV | hsv(41, 42%, 41%) |
| CMYK | cmyk(0%, 13.5%, 42.3%, 59.2%) |
| CIE-LAB | lab(38.87, 0.96, 19.43) |
| CIE-LCH | lch(38.87, 19.46, 87.17°) |
| OKLab | oklab(47.34% 0.0037 0.048) |
| OKLCH | oklch(47.34% 0.048 85.6) |
| XYZ | xyz(10.1809, 10.5820, 5.7803) |
| Luminance | 0.1058 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Greyish Brown
#7A6A4F
ΔE00 6.38
Dark Taupe
#7F684E
ΔE00 7.85
Dirt Brown
#836539
ΔE00 8.34
Grey Brown
#7F7053
ΔE00 8.39
Dull Brown
#876E4B
ΔE00 9.44
Mud Brown
#60460F
ΔE00 9.69
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#685A3C #3C4A68
analogous
#68443C #685A3C #60683C
triadic
#685A3C #3C685A #5A3C68
tetradic
#685A3C #3C6844 #3C4A68 #683C60
square
#685A3C #3C6844 #3C4A68 #683C60
split-complementary
#685A3C #3C6068 #443C68
monochromatic
#1A170F #413826 #685A3C #8F7C52 #AD9A71
إمكانية الوصول والتباين
On white
6.74
#685A3C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.12
#685A3C on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #685A3C
6.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##685A3C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##685A3C | 1.00 | 6.74 | 3.12 | 6.74 |
| #FFFFFF | 6.74 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.12 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.74 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#61593A
Deuteranopia (green-blind)
#645D3D
Tritanopia (blue-blind)
#6F5552
Achromatopsia (no color)
#5C5C5C
وسوم التصميم والكود
CSS
--color: #685a3c; /* rgb */ color: rgb(104, 90, 60); /* oklch */ color: oklch(47.3% 0.048 85.6);
Tailwind
colors: {
custom: {
50: '#948872',
500: '#685a3c',
950: '#000000',
},
}SCSS
$custom: #685a3c; $custom-light: #948872; $custom-dark: #000000;
JSON
{
"hex": "#685a3c",
"rgb": {
"r": 104,
"g": 90,
"b": 60
},
"hsl": {
"h": 40.909,
"s": 26.829,
"l": 32.157
},
"oklch": {
"l": 0.47339,
"c": 0.04809,
"h": 85.6
},
"luminance": 0.10582
}Semantic roles & 50–950 ramp
primary
#685A3C
secondary
#687798
accent
#83C365
background
#F9F8F6
surface
#F1EFEC
border
#CBCAC7
text
#0D0B08
muted
#7E7C7B