#624EF2#624EF2
#624EF2 لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.145؛ OKLCH L 54.7% C 0.233 H 280.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.40:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #624EF2 |
|---|---|
| RGB | rgb(98, 78, 242) |
| HSL | hsl(247, 86%, 63%) |
| HSV | hsv(247, 68%, 95%) |
| CMYK | cmyk(59.5%, 67.8%, 0%, 5.1%) |
| CIE-LAB | lab(44.88, 52.67, -79.57) |
| CIE-LCH | lch(44.88, 95.42, 303.50°) |
| OKLab | oklab(54.73% 0.0442 -0.2293) |
| OKLCH | oklch(54.73% 0.233 280.9) |
| XYZ | xyz(23.7834, 14.4546, 85.5239) |
| Luminance | 0.1446 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Purpleish Blue
#6140EF
ΔE00 3.35
Bluish Purple
#703BE7
ΔE00 4.91
Warm Blue
#4B57DB
ΔE00 5.25
Light Indigo
#6D5ACF
ΔE00 5.46
Slate Blue
#6A5ACD
ΔE00 5.60
Dark Periwinkle
#665FD1
ΔE00 6.05
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#624EF2 #DEF24E
analogous
#4E8CF2 #624EF2 #B44EF2
triadic
#624EF2 #F2624E #4EF262
tetradic
#624EF2 #F24E8C #DEF24E #4EF2B4
square
#624EF2 #F24E8C #DEF24E #4EF2B4
split-complementary
#624EF2 #F2B44E #8CF24E
monochromatic
#220EB8 #2F15EE #624EF2 #9587F6 #C7C0FA
إمكانية الوصول والتباين
On white
5.40
#624EF2 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.89
#624EF2 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #624EF2
5.40:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##624EF2 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##624EF2 | 1.00 | 5.40 | 3.89 | 5.40 |
| #FFFFFF | 5.40 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.89 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.40 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0070F7
Deuteranopia (green-blind)
#0064EF
Tritanopia (blue-blind)
#00799A
Achromatopsia (no color)
#6A6A6A
وسوم التصميم والكود
CSS
--color: #624ef2; /* rgb */ color: rgb(98, 78, 242); /* oklch */ color: oklch(54.7% 0.233 280.9);
Tailwind
colors: {
custom: {
50: '#9d81f8',
500: '#624ef2',
950: '#000000',
},
}SCSS
$custom: #624ef2; $custom-light: #9d81f8; $custom-dark: #000000;
JSON
{
"hex": "#624ef2",
"rgb": {
"r": 98,
"g": 78,
"b": 242
},
"hsl": {
"h": 247.317,
"s": 86.316,
"l": 62.745
},
"oklch": {
"l": 0.54734,
"c": 0.23349,
"h": 280.9
},
"luminance": 0.14456
}Semantic roles & 50–950 ramp
primary
#624EF2
secondary
#E4ECB0
accent
#E303C8
background
#FAF8FF
surface
#F4EFFF
border
#CECAD7
text
#100A17
muted
#7F7C85