#8984E9#8984E9
#8984E9 لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.277؛ OKLCH L 66.2% C 0.147 H 283.9°. أفضل لون لنص المتن هو #000000 بتباين 6.54:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8984E9 |
|---|---|
| RGB | rgb(137, 132, 233) |
| HSL | hsl(243, 70%, 72%) |
| HSV | hsv(243, 43%, 91%) |
| CMYK | cmyk(41.2%, 43.3%, 0%, 8.6%) |
| CIE-LAB | lab(59.62, 26.44, -50.59) |
| CIE-LCH | lch(59.62, 57.09, 297.59°) |
| OKLab | oklab(66.22% 0.0353 -0.1429) |
| OKLCH | oklch(66.22% 0.147 283.9) |
| XYZ | xyz(33.2715, 27.7028, 80.6691) |
| Luminance | 0.2770 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Lavender Blue
#8B88F8
ΔE00 2.36
Perrywinkle
#8F8CE7
ΔE00 2.56
Periwinkle (survey)
#8E82FE
ΔE00 3.16
Cornflower
#6A79F7
ΔE00 6.28
Periwinkle Blue
#8F99FB
ΔE00 6.50
Mediumpurple
#9370DB
ΔE00 7.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8984E9 #E4E984
analogous
#84B2E9 #8984E9 #BC84E9
triadic
#8984E9 #E98984 #84E989
tetradic
#8984E9 #E984B2 #E4E984 #84E9BC
square
#8984E9 #E984B2 #E4E984 #84E9BC
split-complementary
#8984E9 #E9BC84 #B2E984
monochromatic
#2D25CE #5750E0 #8984E9 #BBB8F2 #E6E5FA
إمكانية الوصول والتباين
On white
3.21
#8984E9 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.54
#8984E9 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8984E9
6.54:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8984E9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8984E9 | 1.00 | 3.21 | 6.54 | 6.54 |
| #FFFFFF | 3.21 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.54 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.54 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5F93ED
Deuteranopia (green-blind)
#5B8CE7
Tritanopia (blue-blind)
#6C98AB
Achromatopsia (no color)
#909090
وسوم التصميم والكود
CSS
--color: #8984e9; /* rgb */ color: rgb(137, 132, 233); /* oklch */ color: oklch(66.2% 0.147 283.9);
Tailwind
colors: {
custom: {
50: '#afa7f0',
500: '#8984e9',
950: '#000000',
},
}SCSS
$custom: #8984e9; $custom-light: #afa7f0; $custom-dark: #000000;
JSON
{
"hex": "#8984e9",
"rgb": {
"r": 137,
"g": 132,
"b": 233
},
"hsl": {
"h": 242.97,
"s": 69.655,
"l": 71.569
},
"oklch": {
"l": 0.66223,
"c": 0.14719,
"h": 283.9
},
"luminance": 0.27704
}Semantic roles & 50–950 ramp
primary
#8984E9
secondary
#F0F1D7
accent
#D214C8
background
#FBFAFE
surface
#F6F4FD
border
#D0CED5
text
#110F17
muted
#807F85