#528476#528476
#528476 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.196؛ OKLCH L 57.4% C 0.059 H 174.5°. أفضل لون لنص المتن هو #000000 بتباين 4.92:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #528476 |
|---|---|
| RGB | rgb(82, 132, 118) |
| HSL | hsl(163, 23%, 42%) |
| HSV | hsv(163, 38%, 52%) |
| CMYK | cmyk(37.9%, 0%, 10.6%, 48.2%) |
| CIE-LAB | lab(51.39, -20.26, 2.25) |
| CIE-LCH | lch(51.39, 20.38, 173.67°) |
| OKLab | oklab(57.35% -0.0583 0.0056) |
| OKLCH | oklch(57.35% 0.059 174.5) |
| XYZ | xyz(14.9997, 19.6034, 20.1295) |
| Luminance | 0.1960 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dusty Teal
#4C9085
ΔE00 4.93
Slate Green
#658D6D
ΔE00 7.71
Grey Teal
#5E9B8A
ΔE00 7.96
Greenish Blue
#0B8B87
ΔE00 8.08
Teal (survey)
#029386
ΔE00 8.46
Sea
#3C9992
ΔE00 8.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#528476 #845260
analogous
#52845D #528476 #527984
triadic
#528476 #765284 #847652
tetradic
#528476 #5D5284 #845260 #798452
square
#528476 #5D5284 #845260 #798452
split-complementary
#528476 #845279 #845D52
monochromatic
#233933 #3B5E54 #528476 #6EA596 #94BCB1
إمكانية الوصول والتباين
On white
4.27
#528476 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.92
#528476 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #528476
4.92:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##528476 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##528476 | 1.00 | 4.27 | 4.92 | 4.92 |
| #FFFFFF | 4.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.92 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#817E75
Deuteranopia (green-blind)
#787877
Tritanopia (blue-blind)
#438580
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #528476; /* rgb */ color: rgb(82, 132, 118); /* oklch */ color: oklch(57.4% 0.059 174.5);
Tailwind
colors: {
custom: {
50: '#85a89d',
500: '#528476',
950: '#000000',
},
}SCSS
$custom: #528476; $custom-light: #85a89d; $custom-dark: #000000;
JSON
{
"hex": "#528476",
"rgb": {
"r": 82,
"g": 132,
"b": 118
},
"hsl": {
"h": 163.2,
"s": 23.364,
"l": 41.961
},
"oklch": {
"l": 0.5735,
"c": 0.05854,
"h": 174.5
},
"luminance": 0.19604
}Semantic roles & 50–950 ramp
primary
#528476
secondary
#AA8892
accent
#6881C0
background
#F8FAF9
surface
#EFF4F2
border
#CACECC
text
#0B0F0E
muted
#7C7F7E