#64387F#64387F
#64387F لون داكن وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.071؛ OKLCH L 42.7% C 0.121 H 310.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.70:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #64387F |
|---|---|
| RGB | rgb(100, 56, 127) |
| HSL | hsl(277, 39%, 36%) |
| HSV | hsv(277, 56%, 50%) |
| CMYK | cmyk(21.3%, 55.9%, 0%, 50.2%) |
| CIE-LAB | lab(31.97, 33.16, -32.64) |
| CIE-LCH | lch(31.97, 46.53, 315.45°) |
| OKLab | oklab(42.74% 0.0792 -0.0914) |
| OKLCH | oklch(42.74% 0.121 310.9) |
| XYZ | xyz(10.4998, 7.0702, 20.8861) |
| Luminance | 0.0707 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Rebeccapurple
#663399
ΔE00 5.46
Darkish Purple
#751973
ΔE00 7.68
Purple (survey)
#7E1E9C
ΔE00 7.94
Darkslateblue
#483D8B
ΔE00 8.04
Grape
#6C3461
ΔE00 8.66
Light Eggplant
#894585
ΔE00 9.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#64387F #537F38
analogous
#40387F #64387F #7F3876
triadic
#64387F #7F6438 #387F64
tetradic
#64387F #7F4038 #537F38 #38767F
square
#64387F #7F4038 #537F38 #38767F
split-complementary
#64387F #767F38 #387F40
monochromatic
#21132A #432555 #64387F #854BA9 #A271C0
إمكانية الوصول والتباين
On white
8.70
#64387F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.41
#64387F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #64387F
8.70:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##64387F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##64387F | 1.00 | 8.70 | 2.41 | 8.70 |
| #FFFFFF | 8.70 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.70 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#244981
Deuteranopia (green-blind)
#324C7D
Tritanopia (blue-blind)
#614456
Achromatopsia (no color)
#4B4B4B
وسوم التصميم والكود
CSS
--color: #64387f; /* rgb */ color: rgb(100, 56, 127); /* oklch */ color: oklch(42.7% 0.121 310.9);
Tailwind
colors: {
custom: {
50: '#9270a4',
500: '#64387f',
950: '#000000',
},
}SCSS
$custom: #64387f; $custom-light: #9270a4; $custom-dark: #000000;
JSON
{
"hex": "#64387f",
"rgb": {
"r": 100,
"g": 56,
"b": 127
},
"hsl": {
"h": 277.183,
"s": 38.798,
"l": 35.882
},
"oklch": {
"l": 0.42743,
"c": 0.12098,
"h": 310.9
},
"luminance": 0.0707
}Semantic roles & 50–950 ramp
primary
#64387F
secondary
#82A969
accent
#CF5986
background
#F9F6FA
surface
#F1ECF4
border
#CBC7CE
text
#0D080F
muted
#7E7B7F