#4D94EA#4D94EA
#4D94EA لون فاتح وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.287؛ OKLCH L 66.0% C 0.147 H 254.6°. أفضل لون لنص المتن هو #000000 بتباين 6.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4D94EA |
|---|---|
| RGB | rgb(77, 148, 234) |
| HSL | hsl(213, 79%, 61%) |
| HSV | hsv(213, 67%, 92%) |
| CMYK | cmyk(67.1%, 36.8%, 0%, 8.2%) |
| CIE-LAB | lab(60.51, 4.86, -49.94) |
| CIE-LCH | lch(60.51, 50.18, 275.55°) |
| OKLab | oklab(66.04% -0.0392 -0.142) |
| OKLCH | oklch(66.04% 0.147 254.6) |
| XYZ | xyz(28.4963, 28.6952, 81.8629) |
| Luminance | 0.2870 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Dark Sky Blue
#448EE4
ΔE00 2.05
Dodgerblue
#1E90FF
ΔE00 2.47
Cornflowerblue
#6495ED
ΔE00 3.52
Azure (survey)
#069AF3
ΔE00 5.20
Faded Blue
#658CBB
ΔE00 6.02
Dodger Blue
#3E82FC
ΔE00 6.22
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4D94EA #EAA34D
analogous
#4DE2EA #4D94EA #544DEA
triadic
#4D94EA #EA4D94 #94EA4D
tetradic
#4D94EA #EA4DE2 #EAA34D #4DEA54
square
#4D94EA #EA4DE2 #EAA34D #4DEA54
split-complementary
#4D94EA #EA544D #E2EA4D
monochromatic
#1457A9 #1A73DF #4D94EA #84B5F0 #BAD6F7
إمكانية الوصول والتباين
On white
3.12
#4D94EA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.74
#4D94EA on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #4D94EA
6.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4D94EA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4D94EA | 1.00 | 3.12 | 6.74 | 6.74 |
| #FFFFFF | 3.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.74 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6E9AEE
Deuteranopia (green-blind)
#578BE8
Tritanopia (blue-blind)
#00A8B4
Achromatopsia (no color)
#929292
وسوم التصميم والكود
CSS
--color: #4d94ea; /* rgb */ color: rgb(77, 148, 234); /* oklch */ color: oklch(66.0% 0.147 254.6);
Tailwind
colors: {
custom: {
50: '#8fb3f1',
500: '#4d94ea',
950: '#000000',
},
}SCSS
$custom: #4d94ea; $custom-light: #8fb3f1; $custom-dark: #000000;
JSON
{
"hex": "#4d94ea",
"rgb": {
"r": 77,
"g": 148,
"b": 234
},
"hsl": {
"h": 212.866,
"s": 78.894,
"l": 60.98
},
"oklch": {
"l": 0.66042,
"c": 0.1473,
"h": 254.6
},
"luminance": 0.28698
}Semantic roles & 50–950 ramp
primary
#4D94EA
secondary
#E7CCAC
accent
#7D0ADB
background
#F9FAFE
surface
#F2F5FD
border
#CCCFD5
text
#0E1017
muted
#7E7F85