#4B46EA#4B46EA
#4B46EA لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.118؛ OKLCH L 51.3% C 0.237 H 275.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.24:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4B46EA |
|---|---|
| RGB | rgb(75, 70, 234) |
| HSL | hsl(242, 80%, 60%) |
| HSV | hsv(242, 70%, 92%) |
| CMYK | cmyk(67.9%, 70.1%, 0%, 8.2%) |
| CIE-LAB | lab(40.92, 51.74, -81.62) |
| CIE-LCH | lch(40.92, 96.64, 302.37°) |
| OKLab | oklab(51.26% 0.0223 -0.2359) |
| OKLCH | oklch(51.26% 0.237 275.4) |
| XYZ | xyz(19.9382, 11.8148, 79.0557) |
| Luminance | 0.1182 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Purpleish Blue
#6140EF
ΔE00 3.01
Vibrant Blue
#0339F8
ΔE00 4.30
Purpley Blue
#5F34E7
ΔE00 4.45
Light Royal Blue
#3A2EFE
ΔE00 4.80
Warm Blue
#4B57DB
ΔE00 4.94
Blue (survey)
#0343DF
ΔE00 5.03
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4B46EA #E5EA46
analogous
#4693EA #4B46EA #9D46EA
triadic
#4B46EA #EA4B46 #46EA4B
tetradic
#4B46EA #EA4693 #E5EA46 #46EA9D
square
#4B46EA #EA4693 #E5EA46 #46EA9D
split-complementary
#4B46EA #EA9D46 #93EA46
monochromatic
#1713A3 #1F19DA #4B46EA #807DF0 #B6B4F6
إمكانية الوصول والتباين
On white
6.24
#4B46EA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.36
#4B46EA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #4B46EA
6.24:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4B46EA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4B46EA | 1.00 | 6.24 | 3.36 | 6.24 |
| #FFFFFF | 6.24 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.24 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0068EF
Deuteranopia (green-blind)
#0059E7
Tritanopia (blue-blind)
#007393
Achromatopsia (no color)
#606060
وسوم التصميم والكود
CSS
--color: #4b46ea; /* rgb */ color: rgb(75, 70, 234); /* oklch */ color: oklch(51.3% 0.237 275.4);
Tailwind
colors: {
custom: {
50: '#917bf2',
500: '#4b46ea',
950: '#000000',
},
}SCSS
$custom: #4b46ea; $custom-light: #917bf2; $custom-dark: #000000;
JSON
{
"hex": "#4b46ea",
"rgb": {
"r": 75,
"g": 70,
"b": 234
},
"hsl": {
"h": 241.829,
"s": 79.612,
"l": 59.608
},
"oklch": {
"l": 0.51261,
"c": 0.23692,
"h": 275.4
},
"luminance": 0.11817
}Semantic roles & 50–950 ramp
primary
#4B46EA
secondary
#E4E6A6
accent
#F632F0
background
#F9F7FF
surface
#F2EEFE
border
#CCC9D6
text
#0F0917
muted
#7E7B85