#77B89A#77B89A
#77B89A لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.405؛ OKLCH L 73.0% C 0.080 H 163.7°. أفضل لون لنص المتن هو #000000 بتباين 9.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #77B89A |
|---|---|
| RGB | rgb(119, 184, 154) |
| HSL | hsl(152, 31%, 59%) |
| HSV | hsv(152, 35%, 72%) |
| CMYK | cmyk(35.3%, 0%, 16.3%, 27.8%) |
| CIE-LAB | lab(69.85, -27.43, 8.73) |
| CIE-LCH | lch(69.85, 28.78, 162.35°) |
| OKLab | oklab(73.02% -0.0769 0.0225) |
| OKLCH | oklch(73.02% 0.08 163.7) |
| XYZ | xyz(30.5788, 40.5343, 36.7782) |
| Luminance | 0.4054 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 5.46
Greeny Blue
#42B395
ΔE00 6.17
Mediumaquamarine
#66CDAA
ΔE00 6.37
Darkseagreen
#8FBC8F
ΔE00 6.45
Tea
#65AB7C
ΔE00 6.53
Seafoam Blue
#78D1B6
ΔE00 6.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#77B89A #B87795
analogous
#77B87A #77B89A #77B6B8
triadic
#77B89A #9A77B8 #B89A77
tetradic
#77B89A #7A77B8 #B87795 #B6B877
square
#77B89A #7A77B8 #B87795 #B6B877
split-complementary
#77B89A #B877B6 #B87A77
monochromatic
#3E775C #539F7C #77B89A #9FCDB8 #C7E2D6
إمكانية الوصول والتباين
On white
2.31
#77B89A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.11
#77B89A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #77B89A
9.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##77B89A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##77B89A | 1.00 | 2.31 | 9.11 | 9.11 |
| #FFFFFF | 2.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.11 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B6AF98
Deuteranopia (green-blind)
#ABA89C
Tritanopia (blue-blind)
#68B8AF
Achromatopsia (no color)
#ABABAB
وسوم التصميم والكود
CSS
--color: #77b89a; /* rgb */ color: rgb(119, 184, 154); /* oklch */ color: oklch(73.0% 0.080 163.7);
Tailwind
colors: {
custom: {
50: '#a0cdb7',
500: '#77b89a',
950: '#000000',
},
}SCSS
$custom: #77b89a; $custom-light: #a0cdb7; $custom-dark: #000000;
JSON
{
"hex": "#77b89a",
"rgb": {
"r": 119,
"g": 184,
"b": 154
},
"hsl": {
"h": 152.308,
"s": 31.401,
"l": 59.412
},
"oklch": {
"l": 0.73017,
"c": 0.08009,
"h": 163.7
},
"luminance": 0.40536
}Semantic roles & 50–950 ramp
primary
#77B89A
secondary
#D2B9C4
accent
#6090C8
background
#FAFCFB
surface
#F3F9F6
border
#CDD2D0
text
#0F1311
muted
#7F8280