#804BCA#804BCA
#804BCA لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.139؛ OKLCH L 53.9% C 0.189 H 299.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.56:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #804BCA |
|---|---|
| RGB | rgb(128, 75, 202) |
| HSL | hsl(265, 55%, 54%) |
| HSV | hsv(265, 63%, 79%) |
| CMYK | cmyk(36.6%, 62.9%, 0%, 20.8%) |
| CIE-LAB | lab(44.07, 48.43, -57.98) |
| CIE-LCH | lch(44.07, 75.55, 309.87°) |
| OKLab | oklab(53.87% 0.092 -0.1649) |
| OKLCH | oklch(53.87% 0.189 299.1) |
| XYZ | xyz(22.0762, 13.8854, 57.3827) |
| Luminance | 0.1389 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purpley
#8756E4
ΔE00 5.11
Light Indigo
#6D5ACF
ΔE00 5.68
Royal Purple
#7851A9
ΔE00 5.71
Bluish Purple
#703BE7
ΔE00 5.74
Darkorchid
#9932CC
ΔE00 5.82
Blueviolet
#8A2BE2
ΔE00 5.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#804BCA #95CA4B
analogous
#4B56CA #804BCA #BF4BCA
triadic
#804BCA #CA804B #4BCA80
tetradic
#804BCA #CA4B56 #95CA4B #4BCABF
square
#804BCA #CA4B56 #95CA4B #4BCABF
split-complementary
#804BCA #CABF4B #56CA4B
monochromatic
#462377 #6231A7 #804BCA #A17AD8 #C3AAE6
إمكانية الوصول والتباين
On white
5.56
#804BCA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.78
#804BCA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #804BCA
5.56:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##804BCA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##804BCA | 1.00 | 5.56 | 3.78 | 5.56 |
| #FFFFFF | 5.56 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.78 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.56 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0068CE
Deuteranopia (green-blind)
#1067C7
Tritanopia (blue-blind)
#6F6784
Achromatopsia (no color)
#686868
وسوم التصميم والكود
CSS
--color: #804bca; /* rgb */ color: rgb(128, 75, 202); /* oklch */ color: oklch(53.9% 0.189 299.1);
Tailwind
colors: {
custom: {
50: '#aa80db',
500: '#804bca',
950: '#000000',
},
}SCSS
$custom: #804bca; $custom-light: #aa80db; $custom-dark: #000000;
JSON
{
"hex": "#804bca",
"rgb": {
"r": 128,
"g": 75,
"b": 202
},
"hsl": {
"h": 265.039,
"s": 54.506,
"l": 54.314
},
"oklch": {
"l": 0.53872,
"c": 0.18882,
"h": 299.1
},
"luminance": 0.13886
}Semantic roles & 50–950 ramp
primary
#804BCA
secondary
#BDD39D
accent
#DE4AA0
background
#FAF8FD
surface
#F4EFFB
border
#CECAD4
text
#100A15
muted
#7F7C83