#68542F#68542F
#68542F لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.095؛ OKLCH L 45.7% C 0.059 H 81.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.25:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #68542F |
|---|---|
| RGB | rgb(104, 84, 47) |
| HSL | hsl(39, 38%, 30%) |
| HSV | hsv(39, 55%, 41%) |
| CMYK | cmyk(0%, 19.2%, 54.8%, 59.2%) |
| CIE-LAB | lab(36.91, 3.10, 24.60) |
| CIE-LCH | lch(36.91, 24.79, 82.81°) |
| OKLab | oklab(45.73% 0.0085 0.0588) |
| OKLCH | oklch(45.73% 0.059 81.7) |
| XYZ | xyz(9.3927, 9.4895, 4.0257) |
| Luminance | 0.0949 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Mud Brown
#60460F
ΔE00 6.33
Dirt Brown
#836539
ΔE00 7.77
Mud
#735C12
ΔE00 7.90
Olive Brown
#645403
ΔE00 8.34
Greyish Brown
#7A6A4F
ΔE00 8.66
Dark Taupe
#7F684E
ΔE00 8.96
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#68542F #2F4368
analogous
#68382F #68542F #60682F
triadic
#68542F #2F6854 #542F68
tetradic
#68542F #2F6838 #2F4368 #682F60
square
#68542F #2F6838 #2F4368 #682F60
split-complementary
#68542F #2F6068 #382F68
monochromatic
#15110A #3E321C #68542F #927642 #B5965C
إمكانية الوصول والتباين
On white
7.25
#68542F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.90
#68542F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #68542F
7.25:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##68542F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##68542F | 1.00 | 7.25 | 2.90 | 7.25 |
| #FFFFFF | 7.25 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.90 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.25 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5D542C
Deuteranopia (green-blind)
#615930
Tritanopia (blue-blind)
#704E4B
Achromatopsia (no color)
#575757
وسوم التصميم والكود
CSS
--color: #68542f; /* rgb */ color: rgb(104, 84, 47); /* oklch */ color: oklch(45.7% 0.059 81.7);
Tailwind
colors: {
custom: {
50: '#958468',
500: '#68542f',
950: '#000000',
},
}SCSS
$custom: #68542f; $custom-light: #958468; $custom-dark: #000000;
JSON
{
"hex": "#68542f",
"rgb": {
"r": 104,
"g": 84,
"b": 47
},
"hsl": {
"h": 38.947,
"s": 37.748,
"l": 29.608
},
"oklch": {
"l": 0.45729,
"c": 0.05946,
"h": 81.7
},
"luminance": 0.09489
}Semantic roles & 50–950 ramp
primary
#68542F
secondary
#597099
accent
#83CE5A
background
#F9F8F6
surface
#F2EFEB
border
#CCCAC6
text
#0D0A06
muted
#7E7C7A