#777397#777397
#777397 لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.184؛ OKLCH L 57.3% C 0.055 H 289.6°. أفضل لون لنص المتن هو #000000 بتباين 4.68:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #777397 |
|---|---|
| RGB | rgb(119, 115, 151) |
| HSL | hsl(247, 15%, 52%) |
| HSV | hsv(247, 24%, 59%) |
| CMYK | cmyk(21.2%, 23.8%, 0%, 40.8%) |
| CIE-LAB | lab(50.00, 9.52, -18.92) |
| CIE-LCH | lch(50.00, 21.18, 296.73°) |
| OKLab | oklab(57.26% 0.0185 -0.0519) |
| OKLCH | oklch(57.26% 0.055 289.6) |
| XYZ | xyz(19.3231, 18.4175, 31.8091) |
| Luminance | 0.1842 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Grey Purple
#826D8C
ΔE00 6.34
Greyish Purple
#887191
ΔE00 6.75
Purplish Grey
#7A687F
ΔE00 7.79
Dark Lavender
#856798
ΔE00 7.93
Purple Grey
#866F85
ΔE00 8.52
Faded Purple
#916E99
ΔE00 9.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#777397 #939773
analogous
#738197 #777397 #897397
triadic
#777397 #977773 #739777
tetradic
#777397 #977381 #939773 #739789
square
#777397 #977381 #939773 #739789
split-complementary
#777397 #978973 #819773
monochromatic
#403D52 #5B5776 #777397 #9996B1 #BBB9CB
إمكانية الوصول والتباين
On white
4.48
#777397 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.68
#777397 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #777397
4.68:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##777397 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##777397 | 1.00 | 4.48 | 4.68 | 4.68 |
| #FFFFFF | 4.48 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.68 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A7899
Deuteranopia (green-blind)
#6A7696
Tritanopia (blue-blind)
#70797F
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #777397; /* rgb */ color: rgb(119, 115, 151); /* oklch */ color: oklch(57.3% 0.055 289.6);
Tailwind
colors: {
custom: {
50: '#9e9bb5',
500: '#777397',
950: '#000000',
},
}SCSS
$custom: #777397; $custom-light: #9e9bb5; $custom-dark: #000000;
JSON
{
"hex": "#777397",
"rgb": {
"r": 119,
"g": 115,
"b": 151
},
"hsl": {
"h": 246.667,
"s": 14.754,
"l": 52.157
},
"oklch": {
"l": 0.57255,
"c": 0.05507,
"h": 289.6
},
"luminance": 0.18418
}Semantic roles & 50–950 ramp
primary
#777397
secondary
#B9BBAB
accent
#B870B0
background
#F9F9FB
surface
#F2F2F6
border
#CCCCD0
text
#0E0E11
muted
#7E7E80