#565EFC#565EFC
#565EFC لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.170؛ OKLCH L 57.2% C 0.230 H 274.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.77:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #565EFC |
|---|---|
| RGB | rgb(86, 94, 252) |
| HSL | hsl(237, 97%, 66%) |
| HSV | hsv(237, 66%, 99%) |
| CMYK | cmyk(65.9%, 62.7%, 0%, 1.2%) |
| CIE-LAB | lab(48.27, 45.05, -79.64) |
| CIE-LCH | lch(48.27, 91.49, 299.49°) |
| OKLab | oklab(57.24% 0.017 -0.2297) |
| OKLCH | oklch(57.24% 0.23 274.2) |
| XYZ | xyz(25.4053, 17.0098, 94.0210) |
| Luminance | 0.1701 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Warm Blue
#4B57DB
ΔE00 5.31
Electric Blue
#0652FF
ΔE00 5.65
Dark Periwinkle
#665FD1
ΔE00 5.73
Mediumslateblue
#7B68EE
ΔE00 5.91
Azul
#1D5DEC
ΔE00 6.04
Bright Blue
#0165FC
ΔE00 6.22
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#565EFC #FCF456
analogous
#56B1FC #565EFC #A156FC
triadic
#565EFC #FC565E #5EFC56
tetradic
#565EFC #FC56B1 #FCF456 #56FCA1
square
#565EFC #FC56B1 #FCF456 #56FCA1
split-complementary
#565EFC #FCA156 #B1FC56
monochromatic
#040ED4 #1A25FB #565EFC #9297FD #CED1FE
إمكانية الوصول والتباين
On white
4.77
#565EFC on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.40
#565EFC on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #565EFC
4.77:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##565EFC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##565EFC | 1.00 | 4.77 | 4.40 | 4.77 |
| #FFFFFF | 4.77 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.40 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.77 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#007AFF
Deuteranopia (green-blind)
#006BF9
Tritanopia (blue-blind)
#0087A4
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #565efc; /* rgb */ color: rgb(86, 94, 252); /* oklch */ color: oklch(57.2% 0.230 274.2);
Tailwind
colors: {
custom: {
50: '#988cfe',
500: '#565efc',
950: '#000000',
},
}SCSS
$custom: #565efc; $custom-light: #988cfe; $custom-dark: #000000;
JSON
{
"hex": "#565efc",
"rgb": {
"r": 86,
"g": 94,
"b": 252
},
"hsl": {
"h": 237.108,
"s": 96.512,
"l": 66.275
},
"oklch": {
"l": 0.57237,
"c": 0.23038,
"h": 274.2
},
"luminance": 0.17012
}Semantic roles & 50–950 ramp
primary
#565EFC
secondary
#F2EFBC
accent
#DA00E6
background
#FAF8FF
surface
#F4F0FF
border
#CECBD7
text
#0F0C18
muted
#7F7D86