#5AC79A#5AC79A
#5AC79A لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.454؛ OKLCH L 75.3% C 0.121 H 163.8°. أفضل لون لنص المتن هو #000000 بتباين 10.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5AC79A |
|---|---|
| RGB | rgb(90, 199, 154) |
| HSL | hsl(155, 49%, 57%) |
| HSV | hsv(155, 55%, 78%) |
| CMYK | cmyk(54.8%, 0%, 22.6%, 22%) |
| CIE-LAB | lab(73.12, -41.95, 13.20) |
| CIE-LCH | lch(73.12, 43.98, 162.53°) |
| OKLab | oklab(75.34% -0.1161 0.0338) |
| OKLCH | oklch(75.34% 0.121 163.8) |
| XYZ | xyz(30.4698, 45.3508, 37.7135) |
| Luminance | 0.4535 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Mediumaquamarine
#66CDAA
ΔE00 3.32
Greenblue
#23C48B
ΔE00 4.08
Eucalyptus
#44D7A8
ΔE00 4.37
Green Blue
#01C08D
ΔE00 4.57
Greenish Teal
#32BF84
ΔE00 4.65
Seafoam Blue
#78D1B6
ΔE00 6.23
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5AC79A #C75A87
analogous
#5AC764 #5AC79A #5ABEC7
triadic
#5AC79A #9A5AC7 #C79A5A
tetradic
#5AC79A #645AC7 #C75A87 #BEC75A
square
#5AC79A #645AC7 #C75A87 #BEC75A
split-complementary
#5AC79A #C75ABE #C7645A
monochromatic
#2A7C5A #3AAA7C #5AC79A #88D7B6 #B5E6D2
إمكانية الوصول والتباين
On white
2.09
#5AC79A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.07
#5AC79A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #5AC79A
10.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5AC79A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5AC79A | 1.00 | 2.09 | 10.07 | 10.07 |
| #FFFFFF | 2.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C4BA98
Deuteranopia (green-blind)
#B4AF9D
Tritanopia (blue-blind)
#2DC7BA
Achromatopsia (no color)
#B3B3B3
وسوم التصميم والكود
CSS
--color: #5ac79a; /* rgb */ color: rgb(90, 199, 154); /* oklch */ color: oklch(75.3% 0.121 163.8);
Tailwind
colors: {
custom: {
50: '#91d8b7',
500: '#5ac79a',
950: '#000000',
},
}SCSS
$custom: #5ac79a; $custom-light: #91d8b7; $custom-dark: #000000;
JSON
{
"hex": "#5ac79a",
"rgb": {
"r": 90,
"g": 199,
"b": 154
},
"hsl": {
"h": 155.229,
"s": 49.321,
"l": 56.667
},
"oklch": {
"l": 0.75344,
"c": 0.12094,
"h": 163.8
},
"luminance": 0.45354
}Semantic roles & 50–950 ramp
primary
#5AC79A
secondary
#D5A8BB
accent
#4F88D9
background
#F9FDFB
surface
#F2FAF6
border
#CCD3D0
text
#0D1411
muted
#7E8380