#8150FA#8150FA
#8150FA لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.173؛ OKLCH L 58.3% C 0.238 H 290.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8150FA |
|---|---|
| RGB | rgb(129, 80, 250) |
| HSL | hsl(257, 94%, 65%) |
| HSV | hsv(257, 68%, 98%) |
| CMYK | cmyk(48.4%, 68%, 0%, 2%) |
| CIE-LAB | lab(48.64, 58.64, -77.78) |
| CIE-LCH | lch(48.64, 97.41, 307.01°) |
| OKLab | oklab(58.29% 0.0824 -0.2231) |
| OKLCH | oklch(58.29% 0.238 290.3) |
| XYZ | xyz(29.1723, 17.3054, 92.2271) |
| Luminance | 0.1731 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purpley
#8756E4
ΔE00 3.17
Mediumslateblue
#7B68EE
ΔE00 6.21
Bluish Purple
#703BE7
ΔE00 6.60
Purpleish Blue
#6140EF
ΔE00 6.65
Light Indigo
#6D5ACF
ΔE00 6.81
Lighter Purple
#A55AF4
ΔE00 6.97
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8150FA #C9FA50
analogous
#5074FA #8150FA #D650FA
triadic
#8150FA #FA8150 #50FA81
tetradic
#8150FA #FA5074 #C9FA50 #50FAD6
square
#8150FA #FA5074 #C9FA50 #50FAD6
split-complementary
#8150FA #FAD650 #74FA50
monochromatic
#3E06CA #5615F8 #8150FA #AC8CFC #D7C7FD
إمكانية الوصول والتباين
On white
4.71
#8150FA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.46
#8150FA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #8150FA
4.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8150FA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8150FA | 1.00 | 4.71 | 4.46 | 4.71 |
| #FFFFFF | 4.71 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.46 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.71 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0077FF
Deuteranopia (green-blind)
#0070F7
Tritanopia (blue-blind)
#587B9F
Achromatopsia (no color)
#747474
وسوم التصميم والكود
CSS
--color: #8150fa; /* rgb */ color: rgb(129, 80, 250); /* oklch */ color: oklch(58.3% 0.238 290.3);
Tailwind
colors: {
custom: {
50: '#af85fd',
500: '#8150fa',
950: '#000000',
},
}SCSS
$custom: #8150fa; $custom-light: #af85fd; $custom-dark: #000000;
JSON
{
"hex": "#8150fa",
"rgb": {
"r": 129,
"g": 80,
"b": 250
},
"hsl": {
"h": 257.294,
"s": 94.444,
"l": 64.706
},
"oklch": {
"l": 0.58293,
"c": 0.2378,
"h": 290.3
},
"luminance": 0.17307
}Semantic roles & 50–950 ramp
primary
#8150FA
secondary
#DFF0B6
accent
#E600A3
background
#FBF8FF
surface
#F6EFFF
border
#D0CAD7
text
#120B18
muted
#817C86