#753F84#753F84
#753F84 لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.090؛ OKLCH L 46.3% C 0.123 H 318.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.50:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #753F84 |
|---|---|
| RGB | rgb(117, 63, 132) |
| HSL | hsl(287, 35%, 38%) |
| HSV | hsv(287, 52%, 52%) |
| CMYK | cmyk(11.4%, 52.3%, 0%, 48.2%) |
| CIE-LAB | lab(35.99, 35.34, -29.24) |
| CIE-LCH | lch(35.99, 45.87, 320.40°) |
| OKLab | oklab(46.29% 0.0919 -0.0811) |
| OKLCH | oklch(46.29% 0.123 318.6) |
| XYZ | xyz(13.2779, 9.0033, 22.8637) |
| Luminance | 0.0900 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Light Eggplant
#894585
ΔE00 5.09
Bruise
#7E4071
ΔE00 6.35
Warm Purple
#952E8F
ΔE00 6.92
Rebeccapurple
#663399
ΔE00 7.45
Darkish Purple
#751973
ΔE00 7.85
Grape
#6C3461
ΔE00 7.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#753F84 #4E843F
analogous
#523F84 #753F84 #843F70
triadic
#753F84 #84753F #3F8475
tetradic
#753F84 #84523F #4E843F #3F7084
square
#753F84 #84523F #4E843F #3F7084
split-complementary
#753F84 #70843F #3F8452
monochromatic
#2C1731 #502B5B #753F84 #9953AD #B27DC1
إمكانية الوصول والتباين
On white
7.50
#753F84 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.80
#753F84 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #753F84
7.50:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##753F84 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##753F84 | 1.00 | 7.50 | 2.80 | 7.50 |
| #FFFFFF | 7.50 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.80 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.50 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#325186
Deuteranopia (green-blind)
#435782
Tritanopia (blue-blind)
#75495B
Achromatopsia (no color)
#555555
وسوم التصميم والكود
CSS
--color: #753f84; /* rgb */ color: rgb(117, 63, 132); /* oklch */ color: oklch(46.3% 0.123 318.6);
Tailwind
colors: {
custom: {
50: '#9e76a8',
500: '#753f84',
950: '#000000',
},
}SCSS
$custom: #753f84; $custom-light: #9e76a8; $custom-dark: #000000;
JSON
{
"hex": "#753f84",
"rgb": {
"r": 117,
"g": 63,
"b": 132
},
"hsl": {
"h": 286.957,
"s": 35.385,
"l": 38.235
},
"oklch": {
"l": 0.4629,
"c": 0.12258,
"h": 318.6
},
"luminance": 0.09003
}Semantic roles & 50–950 ramp
primary
#753F84
secondary
#80AB74
accent
#CB5C75
background
#F9F7FA
surface
#F2EDF4
border
#CCC8CE
text
#0F090F
muted
#7E7B7F