#751EAC#751EAC
#751EAC لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.077؛ OKLCH L 45.2% C 0.207 H 307.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #751EAC |
|---|---|
| RGB | rgb(117, 30, 172) |
| HSL | hsl(277, 70%, 40%) |
| HSV | hsv(277, 83%, 67%) |
| CMYK | cmyk(32%, 82.6%, 0%, 32.5%) |
| CIE-LAB | lab(33.33, 59.05, -57.84) |
| CIE-LCH | lch(33.33, 82.66, 315.59°) |
| OKLab | oklab(45.23% 0.1255 -0.1646) |
| OKLCH | oklch(45.23% 0.207 307.3) |
| XYZ | xyz(15.2452, 7.6892, 39.7028) |
| Luminance | 0.0769 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purple (survey)
#7E1E9C
ΔE00 3.53
Rebeccapurple
#663399
ΔE00 4.76
Purple Blue
#5D21D0
ΔE00 6.52
Darkviolet
#9400D3
ΔE00 6.70
Violet Blue
#510AC9
ΔE00 7.25
Darkmagenta
#8B008B
ΔE00 8.01
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#751EAC #55AC1E
analogous
#2E1EAC #751EAC #AC1E9C
triadic
#751EAC #AC751E #1EAC75
tetradic
#751EAC #AC2E1E #55AC1E #1E9CAC
square
#751EAC #AC2E1E #55AC1E #1E9CAC
split-complementary
#751EAC #9CAC1E #1EAC2E
monochromatic
#2E0C44 #521578 #751EAC #972DDA #B161E3
إمكانية الوصول والتباين
On white
8.27
#751EAC on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.54
#751EAC on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #751EAC
8.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##751EAC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##751EAC | 1.00 | 8.27 | 2.54 | 8.27 |
| #FFFFFF | 8.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.54 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.27 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#004CB0
Deuteranopia (green-blind)
#004FA9
Tritanopia (blue-blind)
#6C4567
Achromatopsia (no color)
#4E4E4E
وسوم التصميم والكود
CSS
--color: #751eac; /* rgb */ color: rgb(117, 30, 172); /* oklch */ color: oklch(45.2% 0.207 307.3);
Tailwind
colors: {
custom: {
50: '#a266c6',
500: '#751eac',
950: '#000000',
},
}SCSS
$custom: #751eac; $custom-light: #a266c6; $custom-dark: #000000;
JSON
{
"hex": "#751eac",
"rgb": {
"r": 117,
"g": 30,
"b": 172
},
"hsl": {
"h": 276.761,
"s": 70.297,
"l": 39.608
},
"oklch": {
"l": 0.45227,
"c": 0.20702,
"h": 307.3
},
"luminance": 0.07689
}Semantic roles & 50–950 ramp
primary
#751EAC
secondary
#87C85E
accent
#ED3B80
background
#FAF6FC
surface
#F4EBF8
border
#CEC6D1
text
#100613
muted
#7F7A82