#8973D4#8973D4
#8973D4 لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.223؛ OKLCH L 61.9% C 0.143 H 292.1°. أفضل لون لنص المتن هو #000000 بتباين 5.47:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8973D4 |
|---|---|
| RGB | rgb(137, 115, 212) |
| HSL | hsl(254, 53%, 64%) |
| HSV | hsv(254, 46%, 83%) |
| CMYK | cmyk(35.4%, 45.8%, 0%, 16.9%) |
| CIE-LAB | lab(54.38, 30.63, -47.14) |
| CIE-LCH | lch(54.38, 56.22, 303.02°) |
| OKLab | oklab(61.9% 0.054 -0.1328) |
| OKLCH | oklch(61.9% 0.143 292.1) |
| XYZ | xyz(28.3278, 22.3327, 65.0927) |
| Luminance | 0.2233 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Mediumpurple
#9370DB
ΔE00 2.50
Mediumslateblue
#7B68EE
ΔE00 5.90
Deep Lilac
#966EBD
ΔE00 6.24
Periwinkle (survey)
#8E82FE
ΔE00 7.53
Perrywinkle
#8F8CE7
ΔE00 8.03
Lavender Blue
#8B88F8
ΔE00 8.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8973D4 #BED473
analogous
#738ED4 #8973D4 #BA73D4
triadic
#8973D4 #D48973 #73D489
tetradic
#8973D4 #D4738E #BED473 #73D4BA
square
#8973D4 #D4738E #BED473 #73D4BA
split-complementary
#8973D4 #D4BA73 #8ED473
monochromatic
#49309D #6244C6 #8973D4 #B0A2E2 #D8D1F1
إمكانية الوصول والتباين
On white
3.84
#8973D4 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.47
#8973D4 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8973D4
5.47:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8973D4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8973D4 | 1.00 | 3.84 | 5.47 | 5.47 |
| #FFFFFF | 3.84 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.47 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.47 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5283D8
Deuteranopia (green-blind)
#5480D2
Tritanopia (blue-blind)
#778699
Achromatopsia (no color)
#828282
وسوم التصميم والكود
CSS
--color: #8973d4; /* rgb */ color: rgb(137, 115, 212); /* oklch */ color: oklch(61.9% 0.143 292.1);
Tailwind
colors: {
custom: {
50: '#ae9be2',
500: '#8973d4',
950: '#000000',
},
}SCSS
$custom: #8973d4; $custom-light: #ae9be2; $custom-dark: #000000;
JSON
{
"hex": "#8973d4",
"rgb": {
"r": 137,
"g": 115,
"b": 212
},
"hsl": {
"h": 253.608,
"s": 53.005,
"l": 64.118
},
"oklch": {
"l": 0.61902,
"c": 0.1434,
"h": 292.1
},
"luminance": 0.22333
}Semantic roles & 50–950 ramp
primary
#8973D4
secondary
#DBE2C0
accent
#C0259D
background
#FBF9FD
surface
#F6F2FB
border
#D0CCD4
text
#110E15
muted
#807E83