#877F64#877F64
#877F64 لون متوسط وخافت من عائلة أصفر. الإضاءة النسبية 0.212؛ OKLCH L 59.6% C 0.040 H 93.5°. أفضل لون لنص المتن هو #000000 بتباين 5.25:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #877F64 |
|---|---|
| RGB | rgb(135, 127, 100) |
| HSL | hsl(46, 15%, 46%) |
| HSV | hsv(46, 26%, 53%) |
| CMYK | cmyk(0%, 5.9%, 25.9%, 47.1%) |
| CIE-LAB | lab(53.22, -1.57, 15.81) |
| CIE-LCH | lch(53.22, 15.88, 95.66°) |
| OKLab | oklab(59.62% -0.0025 0.0402) |
| OKLCH | oklch(59.62% 0.04 93.5) |
| XYZ | xyz(19.8814, 21.2502, 15.1085) |
| Luminance | 0.2125 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Brown Grey
#8D8468
ΔE00 1.99
Brownish Grey
#86775F
ΔE00 4.83
Taupe
#8B7D6B
ΔE00 5.58
Grey Brown
#7F7053
ΔE00 6.41
Greyish Brown
#7A6A4F
ΔE00 8.73
Dull Brown
#876E4B
ΔE00 9.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#877F64 #646C87
analogous
#876D64 #877F64 #7D8764
triadic
#877F64 #64877F #7F6487
tetradic
#877F64 #64876D #646C87 #87647D
square
#877F64 #64876D #646C87 #87647D
split-complementary
#877F64 #647D87 #6D6487
monochromatic
#413D30 #645E4A #877F64 #A49D84 #BEB9A7
إمكانية الوصول والتباين
On white
4.00
#877F64 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.25
#877F64 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #877F64
5.25:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##877F64 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##877F64 | 1.00 | 4.00 | 5.25 | 5.25 |
| #FFFFFF | 4.00 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.25 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.25 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#857E62
Deuteranopia (green-blind)
#878065
Tritanopia (blue-blind)
#8D7B78
Achromatopsia (no color)
#7F7F7F
وسوم التصميم والكود
CSS
--color: #877f64; /* rgb */ color: rgb(135, 127, 100); /* oklch */ color: oklch(59.6% 0.040 93.5);
Tailwind
colors: {
custom: {
50: '#aaa490',
500: '#877f64',
950: '#000000',
},
}SCSS
$custom: #877f64; $custom-light: #aaa490; $custom-dark: #000000;
JSON
{
"hex": "#877f64",
"rgb": {
"r": 135,
"g": 127,
"b": 100
},
"hsl": {
"h": 46.286,
"s": 14.894,
"l": 46.078
},
"oklch": {
"l": 0.59622,
"c": 0.04027,
"h": 93.5
},
"luminance": 0.2125
}Semantic roles & 50–950 ramp
primary
#877F64
secondary
#9A9EAD
accent
#80B870
background
#FAFAF8
surface
#F4F3F0
border
#CECDCB
text
#100F0C
muted
#7F7F7D