#824EF9#824EF9
#824EF9 لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.170؛ OKLCH L 58.0% C 0.239 H 291.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.77:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #824EF9 |
|---|---|
| RGB | rgb(130, 78, 249) |
| HSL | hsl(258, 93%, 64%) |
| HSV | hsv(258, 69%, 98%) |
| CMYK | cmyk(47.8%, 68.7%, 0%, 2.4%) |
| CIE-LAB | lab(48.30, 59.54, -77.77) |
| CIE-LCH | lch(48.30, 97.95, 307.44°) |
| OKLab | oklab(58.05% 0.0857 -0.223) |
| OKLCH | oklch(58.05% 0.239 291) |
| XYZ | xyz(29.0243, 17.0331, 91.3626) |
| Luminance | 0.1703 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purpley
#8756E4
ΔE00 3.16
Bluish Purple
#703BE7
ΔE00 6.22
Purpleish Blue
#6140EF
ΔE00 6.41
Mediumslateblue
#7B68EE
ΔE00 6.66
Light Indigo
#6D5ACF
ΔE00 6.89
Lightish Purple
#A552E6
ΔE00 6.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#824EF9 #C5F94E
analogous
#4E70F9 #824EF9 #D84EF9
triadic
#824EF9 #F9824E #4EF982
tetradic
#824EF9 #F94E70 #C5F94E #4EF9D8
square
#824EF9 #F94E70 #C5F94E #4EF9D8
split-complementary
#824EF9 #F9D84E #70F94E
monochromatic
#4107C6 #5813F7 #824EF9 #AC89FB #D6C4FD
إمكانية الوصول والتباين
On white
4.77
#824EF9 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.41
#824EF9 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #824EF9
4.77:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##824EF9 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##824EF9 | 1.00 | 4.77 | 4.41 | 4.77 |
| #FFFFFF | 4.77 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.77 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0075FE
Deuteranopia (green-blind)
#006FF6
Tritanopia (blue-blind)
#5B7A9E
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #824ef9; /* rgb */ color: rgb(130, 78, 249); /* oklch */ color: oklch(58.0% 0.239 291.0);
Tailwind
colors: {
custom: {
50: '#b083fc',
500: '#824ef9',
950: '#000000',
},
}SCSS
$custom: #824ef9; $custom-light: #b083fc; $custom-dark: #000000;
JSON
{
"hex": "#824ef9",
"rgb": {
"r": 130,
"g": 78,
"b": 249
},
"hsl": {
"h": 258.246,
"s": 93.443,
"l": 64.118
},
"oklch": {
"l": 0.58048,
"c": 0.23892,
"h": 291
},
"luminance": 0.17034
}Semantic roles & 50–950 ramp
primary
#824EF9
secondary
#DDEFB4
accent
#E600A0
background
#FBF8FF
surface
#F6EFFF
border
#D0CAD7
text
#120B18
muted
#817C86