#528266#528266
#528266 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.187؛ OKLCH L 56.4% C 0.068 H 157.7°. أفضل لون لنص المتن هو #000000 بتباين 4.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #528266 |
|---|---|
| RGB | rgb(82, 130, 102) |
| HSL | hsl(145, 23%, 42%) |
| HSV | hsv(145, 37%, 51%) |
| CMYK | cmyk(36.9%, 0%, 21.5%, 49%) |
| CIE-LAB | lab(50.36, -22.84, 10.09) |
| CIE-LCH | lch(50.36, 24.97, 156.17°) |
| OKLab | oklab(56.39% -0.0632 0.0259) |
| OKLCH | oklch(56.39% 0.068 157.7) |
| XYZ | xyz(13.8597, 18.7176, 15.4504) |
| Luminance | 0.1872 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Slate Green
#658D6D
ΔE00 5.07
Dark Sage
#598556
ΔE00 5.89
Dark Sea Green
#11875D
ΔE00 7.49
Sea Green
#2E8B57
ΔE00 7.82
Viridian
#1E9167
ΔE00 8.21
Ocean Green
#3D9973
ΔE00 8.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#528266 #82526E
analogous
#568252 #528266 #52827E
triadic
#528266 #665282 #826652
tetradic
#528266 #525682 #82526E #827E52
square
#528266 #525682 #82526E #827E52
split-complementary
#528266 #7E5282 #825256
monochromatic
#23372B #3A5C49 #528266 #6EA384 #93BBA4
إمكانية الوصول والتباين
On white
4.43
#528266 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.74
#528266 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #528266
4.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##528266 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##528266 | 1.00 | 4.43 | 4.74 | 4.74 |
| #FFFFFF | 4.43 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.74 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#817B64
Deuteranopia (green-blind)
#797668
Tritanopia (blue-blind)
#48817A
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #528266; /* rgb */ color: rgb(82, 130, 102); /* oklch */ color: oklch(56.4% 0.068 157.7);
Tailwind
colors: {
custom: {
50: '#84a691',
500: '#528266',
950: '#000000',
},
}SCSS
$custom: #528266; $custom-light: #84a691; $custom-dark: #000000;
JSON
{
"hex": "#528266",
"rgb": {
"r": 82,
"g": 130,
"b": 102
},
"hsl": {
"h": 145,
"s": 22.642,
"l": 41.569
},
"oklch": {
"l": 0.56386,
"c": 0.06831,
"h": 157.7
},
"luminance": 0.18718
}Semantic roles & 50–950 ramp
primary
#528266
secondary
#A8889B
accent
#699BBF
background
#F8FAF8
surface
#EFF4F0
border
#CACECB
text
#0B0F0C
muted
#7C7F7D