#564AED#564AED
#564AED لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.130؛ OKLCH L 52.8% C 0.234 H 278.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #564AED |
|---|---|
| RGB | rgb(86, 74, 237) |
| HSL | hsl(244, 82%, 61%) |
| HSV | hsv(244, 69%, 93%) |
| CMYK | cmyk(63.7%, 68.8%, 0%, 7.1%) |
| CIE-LAB | lab(42.75, 51.75, -80.29) |
| CIE-LCH | lch(42.75, 95.52, 302.81°) |
| OKLab | oklab(52.85% 0.0327 -0.2317) |
| OKLCH | oklch(52.85% 0.234 278) |
| XYZ | xyz(21.5677, 12.9887, 81.4748) |
| Luminance | 0.1299 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Purpleish Blue
#6140EF
ΔE00 2.61
Warm Blue
#4B57DB
ΔE00 4.62
Bluish Purple
#703BE7
ΔE00 4.72
Purpley Blue
#5F34E7
ΔE00 5.00
Electric Blue
#0652FF
ΔE00 5.42
Burple
#6832E3
ΔE00 5.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#564AED #E1ED4A
analogous
#4A8FED #564AED #A74AED
triadic
#564AED #ED564A #4AED56
tetradic
#564AED #ED4A8F #E1ED4A #4AEDA7
square
#564AED #ED4A8F #E1ED4A #4AEDA7
split-complementary
#564AED #EDA74A #8FED4A
monochromatic
#1C11AC #2617E3 #564AED #8A82F3 #BEB9F8
إمكانية الوصول والتباين
On white
5.84
#564AED on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.60
#564AED on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #564AED
5.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##564AED | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##564AED | 1.00 | 5.84 | 3.60 | 5.84 |
| #FFFFFF | 5.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.60 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.84 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#006CF2
Deuteranopia (green-blind)
#005EEA
Tritanopia (blue-blind)
#007696
Achromatopsia (no color)
#656565
وسوم التصميم والكود
CSS
--color: #564aed; /* rgb */ color: rgb(86, 74, 237); /* oklch */ color: oklch(52.8% 0.234 278.0);
Tailwind
colors: {
custom: {
50: '#977ef4',
500: '#564aed',
950: '#000000',
},
}SCSS
$custom: #564aed; $custom-light: #977ef4; $custom-dark: #000000;
JSON
{
"hex": "#564aed",
"rgb": {
"r": 86,
"g": 74,
"b": 237
},
"hsl": {
"h": 244.417,
"s": 81.91,
"l": 60.98
},
"oklch": {
"l": 0.52845,
"c": 0.23399,
"h": 278
},
"luminance": 0.1299
}Semantic roles & 50–950 ramp
primary
#564AED
secondary
#E4E8AB
accent
#DE07CE
background
#FAF7FF
surface
#F4EEFE
border
#CEC9D6
text
#0F0A17
muted
#7F7C85