#8E765F#8E765F
#8E765F لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.195؛ OKLCH L 58.2% C 0.045 H 65.5°. أفضل لون لنص المتن هو #000000 بتباين 4.91:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8E765F |
|---|---|
| RGB | rgb(142, 118, 95) |
| HSL | hsl(29, 20%, 46%) |
| HSV | hsv(29, 33%, 56%) |
| CMYK | cmyk(0%, 16.9%, 33.1%, 44.3%) |
| CIE-LAB | lab(51.31, 5.78, 16.18) |
| CIE-LCH | lch(51.31, 17.18, 70.33°) |
| OKLab | oklab(58.24% 0.0187 0.041) |
| OKLCH | oklch(58.24% 0.045 65.5) |
| XYZ | xyz(19.6997, 19.5347, 13.5572) |
| Luminance | 0.1953 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Brownish Grey
#86775F
ΔE00 4.57
Taupe
#8B7D6B
ΔE00 4.78
Dull Brown
#876E4B
ΔE00 5.45
Mocha
#9D7651
ΔE00 5.83
Dark Taupe
#7F684E
ΔE00 5.87
Grey Brown
#7F7053
ΔE00 6.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8E765F #5F778E
analogous
#8E5F60 #8E765F #8E8E5F
triadic
#8E765F #5F8E76 #765F8E
tetradic
#8E765F #608E5F #5F778E #8E5F8E
square
#8E765F #608E5F #5F778E #8E5F8E
split-complementary
#8E765F #5F8E8E #5F608E
monochromatic
#45392E #695846 #8E765F #AA9580 #C3B3A5
إمكانية الوصول والتباين
On white
4.28
#8E765F on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.91
#8E765F on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8E765F
4.91:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8E765F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8E765F | 1.00 | 4.28 | 4.91 | 4.91 |
| #FFFFFF | 4.28 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.91 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.91 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7E775D
Deuteranopia (green-blind)
#847C5F
Tritanopia (blue-blind)
#967170
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #8e765f; /* rgb */ color: rgb(142, 118, 95); /* oklch */ color: oklch(58.2% 0.045 65.5);
Tailwind
colors: {
custom: {
50: '#b09d8c',
500: '#8e765f',
950: '#000000',
},
}SCSS
$custom: #8e765f; $custom-light: #b09d8c; $custom-dark: #000000;
JSON
{
"hex": "#8e765f",
"rgb": {
"r": 142,
"g": 118,
"b": 95
},
"hsl": {
"h": 29.362,
"s": 19.831,
"l": 46.471
},
"oklch": {
"l": 0.58242,
"c": 0.04506,
"h": 65.5
},
"luminance": 0.19534
}Semantic roles & 50–950 ramp
primary
#8E765F
secondary
#98A5B1
accent
#95BC6B
background
#FAF9F8
surface
#F5F2F0
border
#CFCCCB
text
#100E0C
muted
#7F7E7D