#827D64#827D64
#827D64 لون متوسط وخافت من عائلة أصفر. الإضاءة النسبية 0.203؛ OKLCH L 58.7% C 0.037 H 98.0°. أفضل لون لنص المتن هو #000000 بتباين 5.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #827D64 |
|---|---|
| RGB | rgb(130, 125, 100) |
| HSL | hsl(50, 13%, 45%) |
| HSV | hsv(50, 23%, 51%) |
| CMYK | cmyk(0%, 3.8%, 23.1%, 49%) |
| CIE-LAB | lab(52.21, -2.49, 14.34) |
| CIE-LCH | lch(52.21, 14.56, 99.84°) |
| OKLab | oklab(58.72% -0.0051 0.0366) |
| OKLCH | oklch(58.72% 0.037 98) |
| XYZ | xyz(18.8398, 20.3335, 14.9864) |
| Luminance | 0.2033 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Brown Grey
#8D8468
ΔE00 3.52
Brownish Grey
#86775F
ΔE00 5.59
Taupe
#8B7D6B
ΔE00 6.42
Grey Brown
#7F7053
ΔE00 6.65
Greyish Brown
#7A6A4F
ΔE00 8.72
Medium Grey
#7D7F7C
ΔE00 9.68
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#827D64 #646982
analogous
#826E64 #827D64 #788264
triadic
#827D64 #64827D #7D6482
tetradic
#827D64 #64826E #646982 #826478
square
#827D64 #64826E #646982 #826478
split-complementary
#827D64 #647882 #6E6482
monochromatic
#3D3A2F #5F5C49 #827D64 #A09B83 #BAB7A6
إمكانية الوصول والتباين
On white
4.14
#827D64 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.07
#827D64 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #827D64
5.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##827D64 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##827D64 | 1.00 | 4.14 | 5.07 | 5.07 |
| #FFFFFF | 4.14 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#827B62
Deuteranopia (green-blind)
#847D65
Tritanopia (blue-blind)
#877976
Achromatopsia (no color)
#7D7D7D
وسوم التصميم والكود
CSS
--color: #827d64; /* rgb */ color: rgb(130, 125, 100); /* oklch */ color: oklch(58.7% 0.037 98.0);
Tailwind
colors: {
custom: {
50: '#a6a290',
500: '#827d64',
950: '#000000',
},
}SCSS
$custom: #827d64; $custom-light: #a6a290; $custom-dark: #000000;
JSON
{
"hex": "#827d64",
"rgb": {
"r": 130,
"g": 125,
"b": 100
},
"hsl": {
"h": 50,
"s": 13.043,
"l": 45.098
},
"oklch": {
"l": 0.58717,
"c": 0.03697,
"h": 98
},
"luminance": 0.20333
}Semantic roles & 50–950 ramp
primary
#827D64
secondary
#989BA9
accent
#7DB672
background
#FAF9F8
surface
#F4F2F0
border
#CECCCB
text
#0F0F0C
muted
#7F7E7D