#5B786F#5B786F
#5B786F لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.168؛ OKLCH L 54.7% C 0.036 H 173.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5B786F |
|---|---|
| RGB | rgb(91, 120, 111) |
| HSL | hsl(161, 14%, 41%) |
| HSV | hsv(161, 24%, 47%) |
| CMYK | cmyk(24.2%, 0%, 7.5%, 52.9%) |
| CIE-LAB | lab(48.01, -12.49, 1.53) |
| CIE-LCH | lch(48.01, 12.59, 173.02°) |
| OKLab | oklab(54.72% -0.0361 0.0039) |
| OKLCH | oklch(54.72% 0.036 173.9) |
| XYZ | xyz(13.8992, 16.8043, 17.5471) |
| Luminance | 0.1681 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dusty Teal
#4C9085
ΔE00 10.57
Slate Green
#658D6D
ΔE00 11.00
Bluegreen
#017A79
ΔE00 11.02
Dark Aquamarine
#017371
ΔE00 11.20
Teal
#008080
ΔE00 11.33
Deep Turquoise
#017374
ΔE00 11.34
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5B786F #785B64
analogous
#5B7861 #5B786F #5B7378
triadic
#5B786F #6F5B78 #786F5B
tetradic
#5B786F #615B78 #785B64 #73785B
square
#5B786F #615B78 #785B64 #73785B
split-complementary
#5B786F #785B73 #78615B
monochromatic
#26322F #41554F #5B786F #78988E #9BB3AB
إمكانية الوصول والتباين
On white
4.82
#5B786F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.36
#5B786F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5B786F
4.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5B786F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5B786F | 1.00 | 4.82 | 4.36 | 4.82 |
| #FFFFFF | 4.82 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.82 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#76746F
Deuteranopia (green-blind)
#717070
Tritanopia (blue-blind)
#547975
Achromatopsia (no color)
#727272
وسوم التصميم والكود
CSS
--color: #5b786f; /* rgb */ color: rgb(91, 120, 111); /* oklch */ color: oklch(54.7% 0.036 173.9);
Tailwind
colors: {
custom: {
50: '#8a9f98',
500: '#5b786f',
950: '#000000',
},
}SCSS
$custom: #5b786f; $custom-light: #8a9f98; $custom-dark: #000000;
JSON
{
"hex": "#5b786f",
"rgb": {
"r": 91,
"g": 120,
"b": 111
},
"hsl": {
"h": 161.379,
"s": 13.744,
"l": 41.373
},
"oklch": {
"l": 0.54722,
"c": 0.03636,
"h": 173.9
},
"luminance": 0.16805
}Semantic roles & 50–950 ramp
primary
#5B786F
secondary
#A18D94
accent
#7187B7
background
#F8F9F9
surface
#F0F2F2
border
#CBCCCC
text
#0B0E0D
muted
#7C7E7E