#685F32#685F32
#685F32 لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.114؛ OKLCH L 48.3% C 0.065 H 98.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #685F32 |
|---|---|
| RGB | rgb(104, 95, 50) |
| HSL | hsl(50, 35%, 30%) |
| HSV | hsv(50, 52%, 41%) |
| CMYK | cmyk(0%, 8.7%, 51.9%, 59.2%) |
| CIE-LAB | lab(40.18, -3.17, 26.89) |
| CIE-LCH | lch(40.18, 27.07, 96.72°) |
| OKLab | oklab(48.32% -0.0093 0.0642) |
| OKLCH | oklch(48.32% 0.065 98.3) |
| XYZ | xyz(10.3772, 11.3581, 4.6627) |
| Luminance | 0.1136 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Greenish Brown
#696112
ΔE00 6.20
Greeny Brown
#696006
ΔE00 7.16
Mud
#735C12
ΔE00 7.27
Olive Brown
#645403
ΔE00 7.45
Green Brown
#544E03
ΔE00 8.26
Greyish Brown
#7A6A4F
ΔE00 8.56
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#685F32 #323B68
analogous
#684432 #685F32 #566832
triadic
#685F32 #32685F #5F3268
tetradic
#685F32 #326844 #323B68 #683256
square
#685F32 #326844 #323B68 #683256
split-complementary
#685F32 #325668 #443268
monochromatic
#15130A #3F391E #685F32 #918546 #B3A661
إمكانية الوصول والتباين
On white
6.42
#685F32 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.27
#685F32 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #685F32
6.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##685F32 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##685F32 | 1.00 | 6.42 | 3.27 | 6.42 |
| #FFFFFF | 6.42 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.27 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.42 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#675D2E
Deuteranopia (green-blind)
#696034
Tritanopia (blue-blind)
#6F5954
Achromatopsia (no color)
#5F5F5F
وسوم التصميم والكود
CSS
--color: #685f32; /* rgb */ color: rgb(104, 95, 50); /* oklch */ color: oklch(48.3% 0.065 98.3);
Tailwind
colors: {
custom: {
50: '#948c6b',
500: '#685f32',
950: '#000000',
},
}SCSS
$custom: #685f32; $custom-light: #948c6b; $custom-dark: #000000;
JSON
{
"hex": "#685f32",
"rgb": {
"r": 104,
"g": 95,
"b": 50
},
"hsl": {
"h": 50,
"s": 35.065,
"l": 30.196
},
"oklch": {
"l": 0.4832,
"c": 0.06486,
"h": 98.3
},
"luminance": 0.11358
}Semantic roles & 50–950 ramp
primary
#685F32
secondary
#5D6799
accent
#6FCB5D
background
#F9F8F6
surface
#F2F0EB
border
#CCCBC6
text
#0D0C06
muted
#7E7D7A