#779EC4#779EC4
#779EC4 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.324؛ OKLCH L 68.5% C 0.071 H 248.2°. أفضل لون لنص المتن هو #000000 بتباين 7.47:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #779EC4 |
|---|---|
| RGB | rgb(119, 158, 196) |
| HSL | hsl(210, 39%, 62%) |
| HSV | hsv(210, 39%, 77%) |
| CMYK | cmyk(39.3%, 19.4%, 0%, 23.1%) |
| CIE-LAB | lab(63.64, -3.62, -23.78) |
| CIE-LCH | lch(63.64, 24.05, 261.35°) |
| OKLab | oklab(68.49% -0.0262 -0.0658) |
| OKLCH | oklch(68.49% 0.071 248.2) |
| XYZ | xyz(29.7952, 32.3595, 56.8899) |
| Luminance | 0.3236 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Cornflowerblue
#6495ED
ΔE00 5.71
Faded Blue
#658CBB
ΔE00 6.08
Greyblue
#77A1B5
ΔE00 7.01
Bluey Grey
#89A0B0
ΔE00 7.11
Blue Grey
#758DA3
ΔE00 7.15
Dark Sky Blue
#448EE4
ΔE00 7.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#779EC4 #C49D77
analogous
#77C4C3 #779EC4 #7778C4
triadic
#779EC4 #C4779E #9EC477
tetradic
#779EC4 #C377C4 #C49D77 #78C477
square
#779EC4 #C377C4 #C49D77 #78C477
split-complementary
#779EC4 #C47778 #C4C377
monochromatic
#3A6186 #4D80B1 #779EC4 #A2BCD7 #CCDBE9
إمكانية الوصول والتباين
On white
2.81
#779EC4 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.47
#779EC4 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #779EC4
7.47:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##779EC4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##779EC4 | 1.00 | 2.81 | 7.47 | 7.47 |
| #FFFFFF | 2.81 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.47 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.47 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8F9FC6
Deuteranopia (green-blind)
#8597C3
Tritanopia (blue-blind)
#5CA7AB
Achromatopsia (no color)
#9A9A9A
وسوم التصميم والكود
CSS
--color: #779ec4; /* rgb */ color: rgb(119, 158, 196); /* oklch */ color: oklch(68.5% 0.071 248.2);
Tailwind
colors: {
custom: {
50: '#a1bad6',
500: '#779ec4',
950: '#000000',
},
}SCSS
$custom: #779ec4; $custom-light: #a1bad6; $custom-dark: #000000;
JSON
{
"hex": "#779ec4",
"rgb": {
"r": 119,
"g": 158,
"b": 196
},
"hsl": {
"h": 209.61,
"s": 39.487,
"l": 61.765
},
"oklch": {
"l": 0.68485,
"c": 0.07082,
"h": 248.2
},
"luminance": 0.32361
}Semantic roles & 50–950 ramp
primary
#779EC4
secondary
#DACBBD
accent
#7233B2
background
#FAFBFD
surface
#F4F6FA
border
#CED0D3
text
#0F1114
muted
#7F8083