#683F85#683F85
#683F85 لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.082؛ OKLCH L 44.8% C 0.118 H 309.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #683F85 |
|---|---|
| RGB | rgb(104, 63, 133) |
| HSL | hsl(275, 36%, 38%) |
| HSV | hsv(275, 53%, 52%) |
| CMYK | cmyk(21.8%, 52.6%, 0%, 47.8%) |
| CIE-LAB | lab(34.38, 31.71, -32.51) |
| CIE-LCH | lch(34.38, 45.41, 314.29°) |
| OKLab | oklab(44.75% 0.0749 -0.091) |
| OKLCH | oklch(44.75% 0.118 309.5) |
| XYZ | xyz(11.7193, 8.1917, 23.1495) |
| Luminance | 0.0819 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Rebeccapurple
#663399
ΔE00 5.66
Royal Purple
#7851A9
ΔE00 7.85
Darkslateblue
#483D8B
ΔE00 7.98
Light Eggplant
#894585
ΔE00 8.19
Purple (survey)
#7E1E9C
ΔE00 8.39
Bruise
#7E4071
ΔE00 9.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#683F85 #5C853F
analogous
#453F85 #683F85 #853F7F
triadic
#683F85 #85683F #3F8568
tetradic
#683F85 #85453F #5C853F #3F7F85
square
#683F85 #85453F #5C853F #3F7F85
split-complementary
#683F85 #7F853F #3F8545
monochromatic
#271832 #482B5B #683F85 #8853AE #A57DC1
إمكانية الوصول والتباين
On white
7.96
#683F85 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.64
#683F85 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #683F85
7.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##683F85 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##683F85 | 1.00 | 7.96 | 2.64 | 7.96 |
| #FFFFFF | 7.96 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.64 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.96 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2C4F87
Deuteranopia (green-blind)
#385183
Tritanopia (blue-blind)
#644B5C
Achromatopsia (no color)
#515151
وسوم التصميم والكود
CSS
--color: #683f85; /* rgb */ color: rgb(104, 63, 133); /* oklch */ color: oklch(44.8% 0.118 309.5);
Tailwind
colors: {
custom: {
50: '#9575a9',
500: '#683f85',
950: '#000000',
},
}SCSS
$custom: #683f85; $custom-light: #9575a9; $custom-dark: #000000;
JSON
{
"hex": "#683f85",
"rgb": {
"r": 104,
"g": 63,
"b": 133
},
"hsl": {
"h": 275.143,
"s": 35.714,
"l": 38.431
},
"oklch": {
"l": 0.4475,
"c": 0.11782,
"h": 309.5
},
"luminance": 0.08192
}Semantic roles & 50–950 ramp
primary
#683F85
secondary
#8BAC74
accent
#CC5C8A
background
#F9F7FA
surface
#F2EDF4
border
#CCC8CE
text
#0D0810
muted
#7E7B7F