#8E765B#8E765B
#8E765B لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.195؛ OKLCH L 58.2% C 0.049 H 69.9°. أفضل لون لنص المتن هو #000000 بتباين 4.89:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8E765B |
|---|---|
| RGB | rgb(142, 118, 91) |
| HSL | hsl(32, 22%, 46%) |
| HSV | hsv(32, 36%, 56%) |
| CMYK | cmyk(0%, 16.9%, 35.9%, 44.3%) |
| CIE-LAB | lab(51.23, 5.24, 18.38) |
| CIE-LCH | lch(51.23, 19.12, 74.08°) |
| OKLab | oklab(58.15% 0.0169 0.0463) |
| OKLCH | oklch(58.15% 0.049 69.9) |
| XYZ | xyz(19.5225, 19.4638, 12.6241) |
| Luminance | 0.1946 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Brownish Grey
#86775F
ΔE00 3.96
Dull Brown
#876E4B
ΔE00 4.23
Taupe
#8B7D6B
ΔE00 5.07
Dirt
#8A6E45
ΔE00 5.31
Mocha
#9D7651
ΔE00 5.33
Dark Taupe
#7F684E
ΔE00 5.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8E765B #5B738E
analogous
#8E5D5B #8E765B #8C8E5B
triadic
#8E765B #5B8E76 #765B8E
tetradic
#8E765B #5B8E5D #5B738E #8E5B8C
square
#8E765B #5B8E5D #5B738E #8E5B8C
split-complementary
#8E765B #5B8C8E #5D5B8E
monochromatic
#43382B #695743 #8E765B #AB947B #C3B3A1
إمكانية الوصول والتباين
On white
4.29
#8E765B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.89
#8E765B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8E765B
4.89:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8E765B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8E765B | 1.00 | 4.29 | 4.89 | 4.89 |
| #FFFFFF | 4.29 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.89 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.89 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7F7759
Deuteranopia (green-blind)
#847C5C
Tritanopia (blue-blind)
#96706F
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #8e765b; /* rgb */ color: rgb(142, 118, 91); /* oklch */ color: oklch(58.2% 0.049 69.9);
Tailwind
colors: {
custom: {
50: '#b09d89',
500: '#8e765b',
950: '#000000',
},
}SCSS
$custom: #8e765b; $custom-light: #b09d89; $custom-dark: #000000;
JSON
{
"hex": "#8e765b",
"rgb": {
"r": 142,
"g": 118,
"b": 91
},
"hsl": {
"h": 31.765,
"s": 21.888,
"l": 45.686
},
"oklch": {
"l": 0.58151,
"c": 0.04924,
"h": 69.9
},
"luminance": 0.19463
}Semantic roles & 50–950 ramp
primary
#8E765B
secondary
#94A2B1
accent
#91BE69
background
#FAF9F8
surface
#F5F2F0
border
#CFCCCB
text
#100E0B
muted
#7F7E7C