#8B7EFF#8B7EFF
#8B7EFF لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.276؛ OKLCH L 66.6% C 0.185 H 284.8°. أفضل لون لنص المتن هو #000000 بتباين 6.53:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8B7EFF |
|---|---|
| RGB | rgb(139, 126, 255) |
| HSL | hsl(246, 100%, 75%) |
| HSV | hsv(246, 51%, 100%) |
| CMYK | cmyk(45.5%, 50.6%, 0%, 0%) |
| CIE-LAB | lab(59.55, 36.62, -62.85) |
| CIE-LCH | lch(59.55, 72.74, 300.23°) |
| OKLab | oklab(66.61% 0.0472 -0.1788) |
| OKLCH | oklch(66.61% 0.185 284.8) |
| XYZ | xyz(36.1530, 27.6291, 98.0164) |
| Luminance | 0.2763 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Periwinkle (survey)
#8E82FE
ΔE00 1.18
Lavender Blue
#8B88F8
ΔE00 3.15
Perrywinkle
#8F8CE7
ΔE00 5.61
Cornflower
#6A79F7
ΔE00 5.70
Mediumslateblue
#7B68EE
ΔE00 7.10
Mediumpurple
#9370DB
ΔE00 7.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8B7EFF #F2FF7E
analogous
#7EB1FF #8B7EFF #CC7EFF
triadic
#8B7EFF #FF8B7E #7EFF8B
tetradic
#8B7EFF #FF7EB1 #F2FF7E #7EFFCC
square
#8B7EFF #FF7EB1 #F2FF7E #7EFFCC
split-complementary
#8B7EFF #FFCC7E #B1FF7E
monochromatic
#1D04FF #5441FF #8B7EFF #C2BBFF #E3E0FF
إمكانية الوصول والتباين
On white
3.22
#8B7EFF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.53
#8B7EFF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8B7EFF
6.53:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8B7EFF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8B7EFF | 1.00 | 3.22 | 6.53 | 6.53 |
| #FFFFFF | 3.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.53 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.53 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4293FF
Deuteranopia (green-blind)
#3D8BFC
Tritanopia (blue-blind)
#659AB3
Achromatopsia (no color)
#8F8F8F
وسوم التصميم والكود
CSS
--color: #8b7eff; /* rgb */ color: rgb(139, 126, 255); /* oklch */ color: oklch(66.6% 0.185 284.8);
Tailwind
colors: {
custom: {
50: '#b3a3ff',
500: '#8b7eff',
950: '#000000',
},
}SCSS
$custom: #8b7eff; $custom-light: #b3a3ff; $custom-dark: #000000;
JSON
{
"hex": "#8b7eff",
"rgb": {
"r": 139,
"g": 126,
"b": 255
},
"hsl": {
"h": 246.047,
"s": 100,
"l": 74.706
},
"oklch": {
"l": 0.66605,
"c": 0.18492,
"h": 284.8
},
"luminance": 0.27631
}Semantic roles & 50–950 ramp
primary
#8B7EFF
secondary
#F4F7D4
accent
#E600CE
background
#FBFAFF
surface
#F6F4FF
border
#D0CED7
text
#120F18
muted
#817F86