#697541#697541
#697541 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.161؛ OKLCH L 53.9% C 0.076 H 119.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #697541 |
|---|---|
| RGB | rgb(105, 117, 65) |
| HSL | hsl(74, 29%, 36%) |
| HSV | hsv(74, 44%, 46%) |
| CMYK | cmyk(10.3%, 0%, 44.4%, 54.1%) |
| CIE-LAB | lab(47.12, -13.50, 27.14) |
| CIE-LCH | lch(47.12, 30.31, 116.45°) |
| OKLab | oklab(53.94% -0.0375 0.0658) |
| OKLCH | oklch(53.94% 0.076 119.6) |
| XYZ | xyz(13.1412, 16.1075, 7.4168) |
| Luminance | 0.1611 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Muddy Green
#657432
ΔE00 3.09
Military Green
#667C3E
ΔE00 3.60
Olive Drab
#6F7632
ΔE00 4.10
Darkolivegreen
#556B2F
ΔE00 5.50
Dirty Green
#667E2C
ΔE00 6.25
Swamp
#698339
ΔE00 6.49
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#697541 #4D4175
analogous
#756741 #697541 #4F7541
triadic
#697541 #416975 #754169
tetradic
#697541 #417567 #4D4175 #75414F
square
#697541 #417567 #4D4175 #75414F
split-complementary
#697541 #414F75 #674175
monochromatic
#222615 #464E2B #697541 #8C9C57 #A8B67B
إمكانية الوصول والتباين
On white
4.97
#697541 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.22
#697541 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #697541
4.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##697541 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##697541 | 1.00 | 4.97 | 4.22 | 4.97 |
| #FFFFFF | 4.97 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.22 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.97 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7B703D
Deuteranopia (green-blind)
#7A7044
Tritanopia (blue-blind)
#6D7068
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #697541; /* rgb */ color: rgb(105, 117, 65); /* oklch */ color: oklch(53.9% 0.076 119.6);
Tailwind
colors: {
custom: {
50: '#959c76',
500: '#697541',
950: '#000000',
},
}SCSS
$custom: #697541; $custom-light: #959c76; $custom-dark: #000000;
JSON
{
"hex": "#697541",
"rgb": {
"r": 105,
"g": 117,
"b": 65
},
"hsl": {
"h": 73.846,
"s": 28.571,
"l": 35.686
},
"oklch": {
"l": 0.53937,
"c": 0.07574,
"h": 119.6
},
"luminance": 0.16107
}Semantic roles & 50–950 ramp
primary
#697541
secondary
#7C71A1
accent
#63C57A
background
#F9F9F7
surface
#F2F2ED
border
#CCCCC8
text
#0D0E08
muted
#7E7E7B