#5E807E#5E807E
#5E807E لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.193؛ OKLCH L 57.3% C 0.039 H 191.6°. أفضل لون لنص المتن هو #000000 بتباين 4.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5E807E |
|---|---|
| RGB | rgb(94, 128, 126) |
| HSL | hsl(176, 15%, 44%) |
| HSV | hsv(176, 27%, 50%) |
| CMYK | cmyk(26.6%, 0%, 1.6%, 49.8%) |
| CIE-LAB | lab(51.06, -12.42, -2.82) |
| CIE-LCH | lch(51.06, 12.73, 192.79°) |
| OKLab | oklab(57.35% -0.0378 -0.0078) |
| OKLCH | oklch(57.35% 0.039 191.6) |
| XYZ | xyz(16.1000, 19.3236, 22.6161) |
| Luminance | 0.1932 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Steel Grey
#6F828A
ΔE00 8.37
Dusty Teal
#4C9085
ΔE00 8.85
Battleship Grey
#6B7C85
ΔE00 9.17
Dark Cyan
#0A888A
ΔE00 9.99
Flint
#6F7A80
ΔE00 10.02
Teal
#008080
ΔE00 10.15
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5E807E #805E60
analogous
#5E806D #5E807E #5E7180
triadic
#5E807E #7E5E80 #807E5E
tetradic
#5E807E #6D5E80 #805E60 #71805E
square
#5E807E #6D5E80 #805E60 #71805E
split-complementary
#5E807E #805E71 #806D5E
monochromatic
#2A3939 #445D5B #5E807E #7C9F9D #A0B9B7
إمكانية الوصول والتباين
On white
4.32
#5E807E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.86
#5E807E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #5E807E
4.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5E807E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5E807E | 1.00 | 4.32 | 4.86 | 4.86 |
| #FFFFFF | 4.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.86 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7C7C7E
Deuteranopia (green-blind)
#75787E
Tritanopia (blue-blind)
#53827F
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #5e807e; /* rgb */ color: rgb(94, 128, 126); /* oklch */ color: oklch(57.3% 0.039 191.6);
Tailwind
colors: {
custom: {
50: '#8ca5a3',
500: '#5e807e',
950: '#000000',
},
}SCSS
$custom: #5e807e; $custom-light: #8ca5a3; $custom-dark: #000000;
JSON
{
"hex": "#5e807e",
"rgb": {
"r": 94,
"g": 128,
"b": 126
},
"hsl": {
"h": 176.471,
"s": 15.315,
"l": 43.529
},
"oklch": {
"l": 0.57348,
"c": 0.03858,
"h": 191.6
},
"luminance": 0.19324
}Semantic roles & 50–950 ramp
primary
#5E807E
secondary
#A79294
accent
#7074B8
background
#F8FAFA
surface
#F0F4F3
border
#CBCECD
text
#0C0F0F
muted
#7D7F7F