#733A71#733A71
#733A71 لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.079؛ OKLCH L 44.2% C 0.110 H 328.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.16:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #733A71 |
|---|---|
| RGB | rgb(115, 58, 113) |
| HSL | hsl(302, 33%, 34%) |
| HSV | hsv(302, 50%, 45%) |
| CMYK | cmyk(0%, 49.6%, 1.7%, 54.9%) |
| CIE-LAB | lab(33.70, 33.54, -21.00) |
| CIE-LCH | lch(33.70, 39.58, 327.95°) |
| OKLab | oklab(44.22% 0.0939 -0.0574) |
| OKLCH | oklch(44.22% 0.11 328.5) |
| XYZ | xyz(11.5638, 7.8638, 16.5284) |
| Luminance | 0.0786 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Bruise
#7E4071
ΔE00 3.39
Grape
#6C3461
ΔE00 3.63
Light Eggplant
#894585
ΔE00 5.66
Darkish Purple
#751973
ΔE00 6.96
Dirty Purple
#734A65
ΔE00 7.96
Warm Purple
#952E8F
ΔE00 8.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#733A71 #3A733C
analogous
#593A73 #733A71 #733A55
triadic
#733A71 #71733A #3A7173
tetradic
#733A71 #73593A #3A733C #3A5573
square
#733A71 #73593A #3A733C #3A5573
split-complementary
#733A71 #55733A #3A7359
monochromatic
#221121 #4A2549 #733A71 #9C4F99 #B770B5
إمكانية الوصول والتباين
On white
8.16
#733A71 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.57
#733A71 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #733A71
8.16:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##733A71 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##733A71 | 1.00 | 8.16 | 2.57 | 8.16 |
| #FFFFFF | 8.16 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.57 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.16 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#364A73
Deuteranopia (green-blind)
#46526F
Tritanopia (blue-blind)
#763F50
Achromatopsia (no color)
#4F4F4F
وسوم التصميم والكود
CSS
--color: #733a71; /* rgb */ color: rgb(115, 58, 113); /* oklch */ color: oklch(44.2% 0.110 328.5);
Tailwind
colors: {
custom: {
50: '#9d729a',
500: '#733a71',
950: '#000000',
},
}SCSS
$custom: #733a71; $custom-light: #9d729a; $custom-dark: #000000;
JSON
{
"hex": "#733a71",
"rgb": {
"r": 115,
"g": 58,
"b": 113
},
"hsl": {
"h": 302.105,
"s": 32.948,
"l": 33.922
},
"oklch": {
"l": 0.44221,
"c": 0.11005,
"h": 328.5
},
"luminance": 0.07863
}Semantic roles & 50–950 ramp
primary
#733A71
secondary
#68A16A
accent
#C9625F
background
#F9F7F9
surface
#F2EDF2
border
#CCC8CC
text
#0E080E
muted
#7E7B7E