#767CA7#767CA7
#767CA7 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.211؛ OKLCH L 59.8% C 0.066 H 278.0°. أفضل لون لنص المتن هو #000000 بتباين 5.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #767CA7 |
|---|---|
| RGB | rgb(118, 124, 167) |
| HSL | hsl(233, 22%, 56%) |
| HSV | hsv(233, 29%, 65%) |
| CMYK | cmyk(29.3%, 25.7%, 0%, 34.5%) |
| CIE-LAB | lab(53.01, 7.91, -23.63) |
| CIE-LCH | lch(53.01, 24.91, 288.50°) |
| OKLab | oklab(59.78% 0.0092 -0.0653) |
| OKLCH | oklch(59.78% 0.066 278) |
| XYZ | xyz(21.6520, 21.0563, 39.4752) |
| Luminance | 0.2106 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Faded Blue
#658CBB
ΔE00 10.48
Slate Blue (survey)
#5B7C99
ΔE00 10.78
Greyish Purple
#887191
ΔE00 10.87
Slate Gray
#708090
ΔE00 10.88
Grey Purple
#826D8C
ΔE00 11.01
Lightslategray
#778899
ΔE00 11.08
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#767CA7 #A7A176
analogous
#7694A7 #767CA7 #8876A7
triadic
#767CA7 #A7767C #7CA776
tetradic
#767CA7 #A77694 #A7A176 #76A788
square
#767CA7 #A77694 #A7A176 #76A788
split-complementary
#767CA7 #A78876 #94A776
monochromatic
#404463 #585D88 #767CA7 #9BA0BF #C1C3D7
إمكانية الوصول والتباين
On white
4.03
#767CA7 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.21
#767CA7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #767CA7
5.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##767CA7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##767CA7 | 1.00 | 4.03 | 5.21 | 5.21 |
| #FFFFFF | 4.03 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.21 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7080A9
Deuteranopia (green-blind)
#6D7DA6
Tritanopia (blue-blind)
#6A848B
Achromatopsia (no color)
#7F7F7F
وسوم التصميم والكود
CSS
--color: #767ca7; /* rgb */ color: rgb(118, 124, 167); /* oklch */ color: oklch(59.8% 0.066 278.0);
Tailwind
colors: {
custom: {
50: '#9ea1c1',
500: '#767ca7',
950: '#000000',
},
}SCSS
$custom: #767ca7; $custom-light: #9ea1c1; $custom-dark: #000000;
JSON
{
"hex": "#767ca7",
"rgb": {
"r": 118,
"g": 124,
"b": 167
},
"hsl": {
"h": 232.653,
"s": 21.778,
"l": 55.882
},
"oklch": {
"l": 0.59781,
"c": 0.06592,
"h": 278
},
"luminance": 0.21057
}Semantic roles & 50–950 ramp
primary
#767CA7
secondary
#C7C4B2
accent
#B469BE
background
#F9F9FB
surface
#F2F2F7
border
#CCCCD0
text
#0E0F12
muted
#7E7E81