#8D7FE4#8D7FE4
#8D7FE4 لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.264؛ OKLCH L 65.3% C 0.147 H 288.0°. أفضل لون لنص المتن هو #000000 بتباين 6.29:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8D7FE4 |
|---|---|
| RGB | rgb(141, 127, 228) |
| HSL | hsl(248, 65%, 70%) |
| HSV | hsv(248, 44%, 89%) |
| CMYK | cmyk(38.2%, 44.3%, 0%, 10.6%) |
| CIE-LAB | lab(58.45, 28.98, -49.64) |
| CIE-LCH | lch(58.45, 57.48, 300.28°) |
| OKLab | oklab(65.33% 0.0454 -0.14) |
| OKLCH | oklch(65.33% 0.147 288) |
| XYZ | xyz(32.5736, 26.4419, 76.7713) |
| Luminance | 0.2644 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Periwinkle (survey)
#8E82FE
ΔE00 3.85
Perrywinkle
#8F8CE7
ΔE00 4.00
Lavender Blue
#8B88F8
ΔE00 4.14
Mediumpurple
#9370DB
ΔE00 5.21
Cornflower
#6A79F7
ΔE00 7.16
Mediumslateblue
#7B68EE
ΔE00 7.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8D7FE4 #D6E47F
analogous
#7FA4E4 #8D7FE4 #C07FE4
triadic
#8D7FE4 #E48D7F #7FE48D
tetradic
#8D7FE4 #E47FA4 #D6E47F #7FE4C0
square
#8D7FE4 #E47FA4 #D6E47F #7FE4C0
split-complementary
#8D7FE4 #E4C07F #A4E47F
monochromatic
#3E29C0 #604CD9 #8D7FE4 #BAB2EF #E7E4F9
إمكانية الوصول والتباين
On white
3.34
#8D7FE4 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.29
#8D7FE4 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8D7FE4
6.29:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8D7FE4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8D7FE4 | 1.00 | 3.34 | 6.29 | 6.29 |
| #FFFFFF | 3.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.29 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5B8FE8
Deuteranopia (green-blind)
#5B8AE2
Tritanopia (blue-blind)
#7593A6
Achromatopsia (no color)
#8D8D8D
وسوم التصميم والكود
CSS
--color: #8d7fe4; /* rgb */ color: rgb(141, 127, 228); /* oklch */ color: oklch(65.3% 0.147 288.0);
Tailwind
colors: {
custom: {
50: '#b2a4ed',
500: '#8d7fe4',
950: '#000000',
},
}SCSS
$custom: #8d7fe4; $custom-light: #b2a4ed; $custom-dark: #000000;
JSON
{
"hex": "#8d7fe4",
"rgb": {
"r": 141,
"g": 127,
"b": 228
},
"hsl": {
"h": 248.317,
"s": 65.161,
"l": 69.608
},
"oklch": {
"l": 0.65334,
"c": 0.14722,
"h": 288
},
"luminance": 0.26443
}Semantic roles & 50–950 ramp
primary
#8D7FE4
secondary
#EAEED1
accent
#CD19B4
background
#FBFAFE
surface
#F6F4FD
border
#D0CED5
text
#110F16
muted
#807F84