#7E9ABE#7E9ABE
#7E9ABE لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.313؛ OKLCH L 67.8% C 0.062 H 254.9°. أفضل لون لنص المتن هو #000000 بتباين 7.25:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7E9ABE |
|---|---|
| RGB | rgb(126, 154, 190) |
| HSL | hsl(214, 33%, 62%) |
| HSV | hsv(214, 34%, 75%) |
| CMYK | cmyk(33.7%, 18.9%, 0%, 25.5%) |
| CIE-LAB | lab(62.73, -1.01, -21.77) |
| CIE-LCH | lch(62.73, 21.80, 267.35°) |
| OKLab | oklab(67.81% -0.0162 -0.06) |
| OKLCH | oklch(67.81% 0.062 254.9) |
| XYZ | xyz(29.4512, 31.2632, 53.1878) |
| Luminance | 0.3126 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Faded Blue
#658CBB
ΔE00 5.72
Blue Grey
#758DA3
ΔE00 6.31
Cornflowerblue
#6495ED
ΔE00 6.79
Bluey Grey
#89A0B0
ΔE00 7.28
Periwinkle Blue
#8F99FB
ΔE00 7.70
Soft Blue
#6488EA
ΔE00 7.83
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7E9ABE #BEA27E
analogous
#7EBABE #7E9ABE #827EBE
triadic
#7E9ABE #BE7E9A #9ABE7E
tetradic
#7E9ABE #BE7EBA #BEA27E #7EBE82
square
#7E9ABE #BE7EBA #BEA27E #7EBE82
split-complementary
#7E9ABE #BE827E #BABE7E
monochromatic
#415D81 #557AA9 #7E9ABE #A7BAD3 #CFDAE7
إمكانية الوصول والتباين
On white
2.90
#7E9ABE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.25
#7E9ABE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #7E9ABE
7.25:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7E9ABE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7E9ABE | 1.00 | 2.90 | 7.25 | 7.25 |
| #FFFFFF | 2.90 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.25 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.25 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8D9BC0
Deuteranopia (green-blind)
#8695BD
Tritanopia (blue-blind)
#6AA2A6
Achromatopsia (no color)
#989898
وسوم التصميم والكود
CSS
--color: #7e9abe; /* rgb */ color: rgb(126, 154, 190); /* oklch */ color: oklch(67.8% 0.062 254.9);
Tailwind
colors: {
custom: {
50: '#a5b7d1',
500: '#7e9abe',
950: '#000000',
},
}SCSS
$custom: #7e9abe; $custom-light: #a5b7d1; $custom-dark: #000000;
JSON
{
"hex": "#7e9abe",
"rgb": {
"r": 126,
"g": 154,
"b": 190
},
"hsl": {
"h": 213.75,
"s": 32.99,
"l": 61.961
},
"oklch": {
"l": 0.67807,
"c": 0.06216,
"h": 254.9
},
"luminance": 0.31265
}Semantic roles & 50–950 ramp
primary
#7E9ABE
secondary
#D8CDC0
accent
#7A3AAC
background
#FAFBFC
surface
#F4F6F9
border
#CED0D2
text
#0F1114
muted
#7F8082