#628E79#628E79
#628E79 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.233؛ OKLCH L 60.8% C 0.058 H 163.4°. أفضل لون لنص المتن هو #000000 بتباين 5.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #628E79 |
|---|---|
| RGB | rgb(98, 142, 121) |
| HSL | hsl(151, 18%, 47%) |
| HSV | hsv(151, 31%, 56%) |
| CMYK | cmyk(31%, 0%, 14.8%, 44.3%) |
| CIE-LAB | lab(55.40, -19.79, 6.41) |
| CIE-LCH | lch(55.40, 20.80, 162.05°) |
| OKLab | oklab(60.84% -0.0556 0.0166) |
| OKLCH | oklch(60.84% 0.058 163.4) |
| XYZ | xyz(18.1600, 23.3223, 21.6302) |
| Luminance | 0.2332 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Slate Green
#658D6D
ΔE00 3.95
Grey Teal
#5E9B8A
ΔE00 5.27
Dusty Teal
#4C9085
ΔE00 5.86
Dull Teal
#5F9E8F
ΔE00 6.45
Greyish Teal
#719F91
ΔE00 6.52
Green Grey
#77926F
ΔE00 6.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#628E79 #8E6277
analogous
#628E63 #628E79 #628D8E
triadic
#628E79 #79628E #8E7962
tetradic
#628E79 #63628E #8E6277 #8D8E62
square
#628E79 #63628E #8E6277 #8D8E62
split-complementary
#628E79 #8E628D #8E6362
monochromatic
#30463B #496A5A #628E79 #83AA97 #A8C3B6
إمكانية الوصول والتباين
On white
3.71
#628E79 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.66
#628E79 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #628E79
5.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##628E79 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##628E79 | 1.00 | 3.71 | 5.66 | 5.66 |
| #FFFFFF | 3.71 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.66 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8C8878
Deuteranopia (green-blind)
#85837A
Tritanopia (blue-blind)
#588E88
Achromatopsia (no color)
#858585
وسوم التصميم والكود
CSS
--color: #628e79; /* rgb */ color: rgb(98, 142, 121); /* oklch */ color: oklch(60.8% 0.058 163.4);
Tailwind
colors: {
custom: {
50: '#90af9f',
500: '#628e79',
950: '#000000',
},
}SCSS
$custom: #628e79; $custom-light: #90af9f; $custom-dark: #000000;
JSON
{
"hex": "#628e79",
"rgb": {
"r": 98,
"g": 142,
"b": 121
},
"hsl": {
"h": 151.364,
"s": 18.333,
"l": 47.059
},
"oklch": {
"l": 0.60836,
"c": 0.05803,
"h": 163.4
},
"luminance": 0.23323
}Semantic roles & 50–950 ramp
primary
#628E79
secondary
#B19AA5
accent
#6D92BB
background
#F8FAF9
surface
#F0F4F2
border
#CBCECC
text
#0C100E
muted
#7D7F7E