#5D787A#5D787A
#5D787A لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.172؛ OKLCH L 55.2% C 0.031 H 201.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5D787A |
|---|---|
| RGB | rgb(93, 120, 122) |
| HSL | hsl(184, 13%, 42%) |
| HSV | hsv(184, 24%, 48%) |
| CMYK | cmyk(23.8%, 1.6%, 0%, 52.2%) |
| CIE-LAB | lab(48.47, -9.23, -4.30) |
| CIE-LCH | lch(48.47, 10.18, 205.00°) |
| OKLab | oklab(55.23% -0.0291 -0.0117) |
| OKLCH | oklch(55.23% 0.031 201.9) |
| XYZ | xyz(14.7425, 17.1647, 20.9449) |
| Luminance | 0.1716 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Battleship Grey
#6B7C85
ΔE00 6.53
Steel Grey
#6F828A
ΔE00 6.81
Flint
#6F7A80
ΔE00 7.33
Grey Blue
#647D8E
ΔE00 8.27
Gunmetal (survey)
#536267
ΔE00 8.99
Slate Grey
#59656D
ΔE00 9.57
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5D787A #7A5F5D
analogous
#5D7A6E #5D787A #5D6A7A
triadic
#5D787A #7A5D78 #787A5D
tetradic
#5D787A #6E5D7A #7A5F5D #6A7A5D
square
#5D787A #6E5D7A #7A5F5D #6A7A5D
split-complementary
#5D787A #7A5D6A #7A6E5D
monochromatic
#283435 #435657 #5D787A #7A989A #9DB3B4
إمكانية الوصول والتباين
On white
4.74
#5D787A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.43
#5D787A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5D787A
4.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5D787A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5D787A | 1.00 | 4.74 | 4.43 | 4.74 |
| #FFFFFF | 4.74 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.43 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.74 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#74767A
Deuteranopia (green-blind)
#6F717A
Tritanopia (blue-blind)
#547A79
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #5d787a; /* rgb */ color: rgb(93, 120, 122); /* oklch */ color: oklch(55.2% 0.031 201.9);
Tailwind
colors: {
custom: {
50: '#8b9fa0',
500: '#5d787a',
950: '#000000',
},
}SCSS
$custom: #5d787a; $custom-light: #8b9fa0; $custom-dark: #000000;
JSON
{
"hex": "#5d787a",
"rgb": {
"r": 93,
"g": 120,
"b": 122
},
"hsl": {
"h": 184.138,
"s": 13.488,
"l": 42.157
},
"oklch": {
"l": 0.55225,
"c": 0.03141,
"h": 201.9
},
"luminance": 0.17165
}Semantic roles & 50–950 ramp
primary
#5D787A
secondary
#A39190
accent
#7671B6
background
#F8F9F9
surface
#F0F2F2
border
#CBCCCC
text
#0C0E0E
muted
#7D7E7E