#645A4D#645A4D
#645A4D لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.106؛ OKLCH L 47.3% C 0.024 H 74.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #645A4D |
|---|---|
| RGB | rgb(100, 90, 77) |
| HSL | hsl(34, 13%, 35%) |
| HSV | hsv(34, 23%, 39%) |
| CMYK | cmyk(0%, 10%, 23%, 60.8%) |
| CIE-LAB | lab(38.83, 1.69, 8.99) |
| CIE-LCH | lch(38.83, 9.15, 79.37°) |
| OKLab | oklab(47.33% 0.0065 0.0232) |
| OKLCH | oklch(47.33% 0.024 74.4) |
| XYZ | xyz(10.2513, 10.5577, 8.5176) |
| Luminance | 0.1056 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Umber
#635147
ΔE00 5.76
Walnut
#5C4A3D
ΔE00 6.73
Greyish Brown
#7A6A4F
ΔE00 8.20
Dark Taupe
#7F684E
ΔE00 8.88
Dimgray
#696969
ΔE00 9.21
Grey Brown
#7F7053
ΔE00 10.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#645A4D #4D5764
analogous
#644F4D #645A4D #63644D
triadic
#645A4D #4D645A #5A4D64
tetradic
#645A4D #4D644F #4D5764 #644D63
square
#645A4D #4D644F #4D5764 #644D63
split-complementary
#645A4D #4D6364 #4F4D64
monochromatic
#1F1C18 #413B32 #645A4D #877968 #A39788
إمكانية الوصول والتباين
On white
6.75
#645A4D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.11
#645A4D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #645A4D
6.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##645A4D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##645A4D | 1.00 | 6.75 | 3.11 | 6.75 |
| #FFFFFF | 6.75 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.11 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.75 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5E5A4C
Deuteranopia (green-blind)
#605C4D
Tritanopia (blue-blind)
#685756
Achromatopsia (no color)
#5B5B5B
وسوم التصميم والكود
CSS
--color: #645a4d; /* rgb */ color: rgb(100, 90, 77); /* oklch */ color: oklch(47.3% 0.024 74.4);
Tailwind
colors: {
custom: {
50: '#90887e',
500: '#645a4d',
950: '#000000',
},
}SCSS
$custom: #645a4d; $custom-light: #90887e; $custom-dark: #000000;
JSON
{
"hex": "#645a4d",
"rgb": {
"r": 100,
"g": 90,
"b": 77
},
"hsl": {
"h": 33.913,
"s": 12.994,
"l": 34.706
},
"oklch": {
"l": 0.47329,
"c": 0.02406,
"h": 74.4
},
"luminance": 0.10557
}Semantic roles & 50–950 ramp
primary
#645A4D
secondary
#7B8591
accent
#8FB672
background
#F8F8F7
surface
#F0EFEE
border
#CBCAC9
text
#0C0B0A
muted
#7D7C7C