#8A55DF#8A55DF
#8A55DF لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.172؛ OKLCH L 57.8% C 0.201 H 297.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8A55DF |
|---|---|
| RGB | rgb(138, 85, 223) |
| HSL | hsl(263, 68%, 60%) |
| HSV | hsv(263, 62%, 87%) |
| CMYK | cmyk(38.1%, 61.9%, 0%, 12.5%) |
| CIE-LAB | lab(48.55, 50.66, -62.71) |
| CIE-LCH | lch(48.55, 80.62, 308.93°) |
| OKLab | oklab(57.82% 0.0925 -0.1785) |
| OKLCH | oklch(57.82% 0.201 297.4) |
| XYZ | xyz(27.0456, 17.2276, 71.6981) |
| Luminance | 0.1723 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purpley
#8756E4
ΔE00 1.00
Lightish Purple
#A552E6
ΔE00 4.90
Light Indigo
#6D5ACF
ΔE00 5.78
Lighter Purple
#A55AF4
ΔE00 5.89
Slate Blue
#6A5ACD
ΔE00 6.40
Mediumslateblue
#7B68EE
ΔE00 6.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8A55DF #AADF55
analogous
#5565DF #8A55DF #CF55DF
triadic
#8A55DF #DF8A55 #55DF8A
tetradic
#8A55DF #DF5565 #AADF55 #55DFCF
square
#8A55DF #DF5565 #AADF55 #55DFCF
split-complementary
#8A55DF #DFCF55 #65DF55
monochromatic
#4E1D9C #6827D0 #8A55DF #AD89E9 #D1BCF2
إمكانية الوصول والتباين
On white
4.72
#8A55DF on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.45
#8A55DF on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #8A55DF
4.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8A55DF | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8A55DF | 1.00 | 4.72 | 4.45 | 4.72 |
| #FFFFFF | 4.72 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.45 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.72 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0074E3
Deuteranopia (green-blind)
#0B72DC
Tritanopia (blue-blind)
#767492
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #8a55df; /* rgb */ color: rgb(138, 85, 223); /* oklch */ color: oklch(57.8% 0.201 297.4);
Tailwind
colors: {
custom: {
50: '#b287ea',
500: '#8a55df',
950: '#000000',
},
}SCSS
$custom: #8a55df; $custom-light: #b287ea; $custom-dark: #000000;
JSON
{
"hex": "#8a55df",
"rgb": {
"r": 138,
"g": 85,
"b": 223
},
"hsl": {
"h": 263.043,
"s": 68.317,
"l": 60.392
},
"oklch": {
"l": 0.5782,
"c": 0.20108,
"h": 297.4
},
"luminance": 0.17228
}Semantic roles & 50–950 ramp
primary
#8A55DF
secondary
#CEE2AE
accent
#D01588
background
#FBF8FE
surface
#F6F0FD
border
#D0CBD5
text
#110B16
muted
#807C84