#657C78#657C78
#657C78 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.185؛ OKLCH L 56.7% C 0.028 H 183.6°. أفضل لون لنص المتن هو #000000 بتباين 4.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #657C78 |
|---|---|
| RGB | rgb(101, 124, 120) |
| HSL | hsl(170, 10%, 44%) |
| HSV | hsv(170, 19%, 49%) |
| CMYK | cmyk(18.5%, 0%, 3.2%, 51.4%) |
| CIE-LAB | lab(50.14, -9.23, -0.60) |
| CIE-LCH | lch(50.14, 9.24, 183.70°) |
| OKLab | oklab(56.67% -0.0274 -0.0017) |
| OKLCH | oklch(56.67% 0.028 183.6) |
| XYZ | xyz(15.9637, 18.5376, 20.5027) |
| Luminance | 0.1854 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Steel Grey
#6F828A
ΔE00 7.61
Battleship Grey
#6B7C85
ΔE00 8.00
Flint
#6F7A80
ΔE00 8.11
Medium Grey
#7D7F7C
ΔE00 9.35
Bluish Grey
#748B97
ΔE00 10.39
Grey Blue
#647D8E
ΔE00 10.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#657C78 #7C6569
analogous
#657C6D #657C78 #65757C
triadic
#657C78 #78657C #7C7865
tetradic
#657C78 #6D657C #7C6569 #757C65
square
#657C78 #6D657C #7C6569 #757C65
split-complementary
#657C78 #7C6575 #7C6D65
monochromatic
#2E3937 #4A5A57 #657C78 #849B97 #A5B6B3
إمكانية الوصول والتباين
On white
4.46
#657C78 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.71
#657C78 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #657C78
4.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##657C78 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##657C78 | 1.00 | 4.46 | 4.71 | 4.71 |
| #FFFFFF | 4.46 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.71 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.71 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7A7978
Deuteranopia (green-blind)
#757678
Tritanopia (blue-blind)
#5F7D7B
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #657c78; /* rgb */ color: rgb(101, 124, 120); /* oklch */ color: oklch(56.7% 0.028 183.6);
Tailwind
colors: {
custom: {
50: '#91a29e',
500: '#657c78',
950: '#000000',
},
}SCSS
$custom: #657c78; $custom-light: #91a29e; $custom-dark: #000000;
JSON
{
"hex": "#657c78",
"rgb": {
"r": 101,
"g": 124,
"b": 120
},
"hsl": {
"h": 169.565,
"s": 10.222,
"l": 44.118
},
"oklch": {
"l": 0.56674,
"c": 0.0275,
"h": 183.6
},
"luminance": 0.18538
}Semantic roles & 50–950 ramp
primary
#657C78
secondary
#A5979A
accent
#7580B3
background
#F8F9F9
surface
#F0F2F2
border
#CBCCCC
text
#0C0F0E
muted
#7D7E7E