#7E40CC#7E40CC
#7E40CC لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.125؛ OKLCH L 52.3% C 0.205 H 299.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.01:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7E40CC |
|---|---|
| RGB | rgb(126, 64, 204) |
| HSL | hsl(267, 58%, 53%) |
| HSV | hsv(267, 69%, 80%) |
| CMYK | cmyk(38.2%, 68.6%, 0%, 20%) |
| CIE-LAB | lab(41.94, 54.12, -62.60) |
| CIE-LCH | lch(41.94, 82.75, 310.85°) |
| OKLab | oklab(52.34% 0.1009 -0.1785) |
| OKLCH | oklch(52.34% 0.205 299.5) |
| XYZ | xyz(21.3339, 12.4618, 58.3964) |
| Luminance | 0.1246 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Blueviolet
#8A2BE2
ΔE00 3.98
Bluish Purple
#703BE7
ΔE00 4.36
Bluey Purple
#6241C7
ΔE00 4.79
Darkorchid
#9932CC
ΔE00 4.94
Burple
#6832E3
ΔE00 5.29
Purpley Blue
#5F34E7
ΔE00 6.25
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7E40CC #8ECC40
analogous
#4048CC #7E40CC #C440CC
triadic
#7E40CC #CC7E40 #40CC7E
tetradic
#7E40CC #CC4048 #8ECC40 #40CCC4
square
#7E40CC #CC4048 #8ECC40 #40CCC4
split-complementary
#7E40CC #CCC440 #48CC40
monochromatic
#441F73 #612CA3 #7E40CC #9F70D9 #BFA1E6
إمكانية الوصول والتباين
On white
6.01
#7E40CC on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.49
#7E40CC on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7E40CC
6.01:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7E40CC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7E40CC | 1.00 | 6.01 | 3.49 | 6.01 |
| #FFFFFF | 6.01 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.49 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.01 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0063D0
Deuteranopia (green-blind)
#0062C9
Tritanopia (blue-blind)
#6C6181
Achromatopsia (no color)
#636363
وسوم التصميم والكود
CSS
--color: #7e40cc; /* rgb */ color: rgb(126, 64, 204); /* oklch */ color: oklch(52.3% 0.205 299.5);
Tailwind
colors: {
custom: {
50: '#a979dc',
500: '#7e40cc',
950: '#000000',
},
}SCSS
$custom: #7e40cc; $custom-light: #a979dc; $custom-dark: #000000;
JSON
{
"hex": "#7e40cc",
"rgb": {
"r": 126,
"g": 64,
"b": 204
},
"hsl": {
"h": 266.571,
"s": 57.851,
"l": 52.549
},
"oklch": {
"l": 0.52335,
"c": 0.20507,
"h": 299.5
},
"luminance": 0.12462
}Semantic roles & 50–950 ramp
primary
#7E40CC
secondary
#B7D295
accent
#E1479D
background
#FAF7FD
surface
#F5EEFB
border
#CFC9D4
text
#110915
muted
#807B83