#7D7D45#7D7D45
#7D7D45 لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.195؛ OKLCH L 57.6% C 0.077 H 108.6°. أفضل لون لنص المتن هو #000000 بتباين 4.89:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7D7D45 |
|---|---|
| RGB | rgb(125, 125, 69) |
| HSL | hsl(60, 29%, 38%) |
| HSV | hsv(60, 45%, 49%) |
| CMYK | cmyk(0%, 0%, 44.8%, 51%) |
| CIE-LAB | lab(51.22, -8.76, 30.43) |
| CIE-LCH | lch(51.22, 31.67, 106.07°) |
| OKLab | oklab(57.64% -0.0246 0.0733) |
| OKLCH | oklch(57.64% 0.077 108.6) |
| XYZ | xyz(16.8655, 19.4572, 8.4962) |
| Luminance | 0.1946 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Drab
#828344
ΔE00 2.55
Olive Drab
#6F7632
ΔE00 4.64
Khaki Green
#728639
ΔE00 6.57
Muddy Green
#657432
ΔE00 6.78
Military Green
#667C3E
ΔE00 6.82
Camo
#7F8F4E
ΔE00 7.26
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7D7D45 #45457D
analogous
#7D6145 #7D7D45 #617D45
triadic
#7D7D45 #457D7D #7D457D
tetradic
#7D7D45 #457D61 #45457D #7D4561
square
#7D7D45 #457D61 #45457D #7D4561
split-complementary
#7D7D45 #45617D #61457D
monochromatic
#2E2E19 #56562F #7D7D45 #A4A45B #BABA82
إمكانية الوصول والتباين
On white
4.29
#7D7D45 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.89
#7D7D45 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #7D7D45
4.89:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7D7D45 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7D7D45 | 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)
#857940
Deuteranopia (green-blind)
#867B48
Tritanopia (blue-blind)
#847770
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #7d7d45; /* rgb */ color: rgb(125, 125, 69); /* oklch */ color: oklch(57.6% 0.077 108.6);
Tailwind
colors: {
custom: {
50: '#a4a27a',
500: '#7d7d45',
950: '#000000',
},
}SCSS
$custom: #7d7d45; $custom-light: #a4a27a; $custom-dark: #000000;
JSON
{
"hex": "#7d7d45",
"rgb": {
"r": 125,
"g": 125,
"b": 69
},
"hsl": {
"h": 60,
"s": 28.866,
"l": 38.039
},
"oklch": {
"l": 0.57641,
"c": 0.0773,
"h": 108.6
},
"luminance": 0.19457
}Semantic roles & 50–950 ramp
primary
#7D7D45
secondary
#7878A6
accent
#63C563
background
#FAF9F7
surface
#F4F2ED
border
#CECCC8
text
#0F0F09
muted
#7F7E7B