#4E51EF#4E51EF
#4E51EF لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.137؛ OKLCH L 53.6% C 0.231 H 274.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.60:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4E51EF |
|---|---|
| RGB | rgb(78, 81, 239) |
| HSL | hsl(239, 83%, 62%) |
| HSV | hsv(239, 67%, 94%) |
| CMYK | cmyk(67.4%, 66.1%, 0%, 6.3%) |
| CIE-LAB | lab(43.85, 47.43, -79.62) |
| CIE-LCH | lch(43.85, 92.68, 300.78°) |
| OKLab | oklab(53.56% 0.0182 -0.23) |
| OKLCH | oklch(53.56% 0.231 274.5) |
| XYZ | xyz(21.6591, 13.7346, 83.1542) |
| Luminance | 0.1374 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Warm Blue
#4B57DB
ΔE00 3.11
Electric Blue
#0652FF
ΔE00 3.87
Purpleish Blue
#6140EF
ΔE00 4.70
Dark Periwinkle
#665FD1
ΔE00 5.85
Slate Blue
#6A5ACD
ΔE00 5.92
Azul
#1D5DEC
ΔE00 6.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4E51EF #EFEC4E
analogous
#4EA2EF #4E51EF #9C4EEF
triadic
#4E51EF #EF4E51 #51EF4E
tetradic
#4E51EF #EF4EA2 #EFEC4E #4EEF9C
square
#4E51EF #EF4EA2 #EFEC4E #4EEF9C
split-complementary
#4E51EF #EF9C4E #A2EF4E
monochromatic
#1013B2 #161AEA #4E51EF #8688F4 #BEBFF9
إمكانية الوصول والتباين
On white
5.60
#4E51EF on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.75
#4E51EF on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #4E51EF
5.60:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4E51EF | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4E51EF | 1.00 | 5.60 | 3.75 | 5.60 |
| #FFFFFF | 5.60 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.75 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.60 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#006FF4
Deuteranopia (green-blind)
#0060EC
Tritanopia (blue-blind)
#007B99
Achromatopsia (no color)
#686868
وسوم التصميم والكود
CSS
--color: #4e51ef; /* rgb */ color: rgb(78, 81, 239); /* oklch */ color: oklch(53.6% 0.231 274.5);
Tailwind
colors: {
custom: {
50: '#9382f5',
500: '#4e51ef',
950: '#000000',
},
}SCSS
$custom: #4e51ef; $custom-light: #9382f5; $custom-dark: #000000;
JSON
{
"hex": "#4e51ef",
"rgb": {
"r": 78,
"g": 81,
"b": 239
},
"hsl": {
"h": 238.882,
"s": 83.42,
"l": 62.157
},
"oklch": {
"l": 0.53556,
"c": 0.23068,
"h": 274.5
},
"luminance": 0.13737
}Semantic roles & 50–950 ramp
primary
#4E51EF
secondary
#EAE9AF
accent
#DC06E0
background
#F9F8FF
surface
#F2EFFF
border
#CCCAD7
text
#0F0A17
muted
#7E7C85