#7D765D#7D765D
#7D765D لون متوسط وخافت من عائلة أصفر. الإضاءة النسبية 0.181؛ OKLCH L 56.5% C 0.038 H 94.3°. أفضل لون لنص المتن هو #000000 بتباين 4.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7D765D |
|---|---|
| RGB | rgb(125, 118, 93) |
| HSL | hsl(47, 15%, 43%) |
| HSV | hsv(47, 26%, 49%) |
| CMYK | cmyk(0%, 5.6%, 25.6%, 51%) |
| CIE-LAB | lab(49.63, -1.65, 14.77) |
| CIE-LCH | lch(49.63, 14.86, 96.36°) |
| OKLab | oklab(56.52% -0.0028 0.0376) |
| OKLCH | oklch(56.52% 0.038 94.3) |
| XYZ | xyz(16.9117, 18.1075, 12.9580) |
| Luminance | 0.1811 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Grey Brown
#7F7053
ΔE00 4.35
Brownish Grey
#86775F
ΔE00 4.49
Brown Grey
#8D8468
ΔE00 5.62
Greyish Brown
#7A6A4F
ΔE00 6.09
Taupe
#8B7D6B
ΔE00 6.50
Dull Brown
#876E4B
ΔE00 8.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7D765D #5D647D
analogous
#7D665D #7D765D #747D5D
triadic
#7D765D #5D7D76 #765D7D
tetradic
#7D765D #5D7D66 #5D647D #7D5D74
square
#7D765D #5D7D66 #5D647D #7D5D74
split-complementary
#7D765D #5D747D #665D7D
monochromatic
#373429 #5A5543 #7D765D #9D957B #B7B19E
إمكانية الوصول والتباين
On white
4.54
#7D765D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.62
#7D765D on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #7D765D
4.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7D765D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7D765D | 1.00 | 4.54 | 4.62 | 4.62 |
| #FFFFFF | 4.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7B755B
Deuteranopia (green-blind)
#7D775E
Tritanopia (blue-blind)
#82726F
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #7d765d; /* rgb */ color: rgb(125, 118, 93); /* oklch */ color: oklch(56.5% 0.038 94.3);
Tailwind
colors: {
custom: {
50: '#a39d8b',
500: '#7d765d',
950: '#000000',
},
}SCSS
$custom: #7d765d; $custom-light: #a39d8b; $custom-dark: #000000;
JSON
{
"hex": "#7d765d",
"rgb": {
"r": 125,
"g": 118,
"b": 93
},
"hsl": {
"h": 46.875,
"s": 14.679,
"l": 42.745
},
"oklch": {
"l": 0.56519,
"c": 0.03769,
"h": 94.3
},
"luminance": 0.18107
}Semantic roles & 50–950 ramp
primary
#7D765D
secondary
#9195A5
accent
#80B770
background
#FAF9F8
surface
#F3F2F0
border
#CDCCCB
text
#0F0E0C
muted
#7F7E7D