#777EBF#777EBF
#777EBF لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.226؛ OKLCH L 61.4% C 0.099 H 278.4°. أفضل لون لنص المتن هو #000000 بتباين 5.52:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #777EBF |
|---|---|
| RGB | rgb(119, 126, 191) |
| HSL | hsl(234, 36%, 61%) |
| HSV | hsv(234, 38%, 75%) |
| CMYK | cmyk(37.7%, 34%, 0%, 25.1%) |
| CIE-LAB | lab(54.66, 13.50, -34.85) |
| CIE-LCH | lch(54.66, 37.38, 291.17°) |
| OKLab | oklab(61.42% 0.0144 -0.0975) |
| OKLCH | oklch(61.42% 0.099 278.4) |
| XYZ | xyz(24.4699, 22.6043, 52.3539) |
| Luminance | 0.2261 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Perrywinkle
#8F8CE7
ΔE00 7.64
Faded Blue
#658CBB
ΔE00 8.59
Cornflower
#6A79F7
ΔE00 8.71
Soft Blue
#6488EA
ΔE00 8.81
Cornflower Blue
#5170D7
ΔE00 8.92
Lavender Blue
#8B88F8
ΔE00 9.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#777EBF #BFB877
analogous
#77A2BF #777EBF #9477BF
triadic
#777EBF #BF777E #7EBF77
tetradic
#777EBF #BF77A2 #BFB877 #77BF94
square
#777EBF #BF77A2 #BFB877 #77BF94
split-complementary
#777EBF #BF9477 #A2BF77
monochromatic
#3C4380 #5058A9 #777EBF #A1A5D3 #CACDE6
إمكانية الوصول والتباين
On white
3.80
#777EBF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.52
#777EBF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #777EBF
5.52:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##777EBF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##777EBF | 1.00 | 3.80 | 5.52 | 5.52 |
| #FFFFFF | 3.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.52 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.52 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6986C2
Deuteranopia (green-blind)
#6480BD
Tritanopia (blue-blind)
#628B96
Achromatopsia (no color)
#838383
وسوم التصميم والكود
CSS
--color: #777ebf; /* rgb */ color: rgb(119, 126, 191); /* oklch */ color: oklch(61.4% 0.099 278.4);
Tailwind
colors: {
custom: {
50: '#a1a3d2',
500: '#777ebf',
950: '#000000',
},
}SCSS
$custom: #777ebf; $custom-light: #a1a3d2; $custom-dark: #000000;
JSON
{
"hex": "#777ebf",
"rgb": {
"r": 119,
"g": 126,
"b": 191
},
"hsl": {
"h": 234.167,
"s": 36,
"l": 60.784
},
"oklch": {
"l": 0.61419,
"c": 0.09854,
"h": 278.4
},
"luminance": 0.22605
}Semantic roles & 50–950 ramp
primary
#777EBF
secondary
#D7D4BB
accent
#A337AF
background
#FAFAFC
surface
#F4F3F9
border
#CECDD2
text
#0F0F14
muted
#7F7F82