#9681CF#9681CF
#9681CF لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.267؛ OKLCH L 65.4% C 0.116 H 295.4°. أفضل لون لنص المتن هو #000000 بتباين 6.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9681CF |
|---|---|
| RGB | rgb(150, 129, 207) |
| HSL | hsl(256, 45%, 66%) |
| HSV | hsv(256, 38%, 81%) |
| CMYK | cmyk(27.5%, 37.7%, 0%, 18.8%) |
| CIE-LAB | lab(58.69, 24.78, -37.45) |
| CIE-LCH | lch(58.69, 44.90, 303.49°) |
| OKLab | oklab(65.36% 0.0496 -0.1044) |
| OKLCH | oklch(65.36% 0.116 295.4) |
| XYZ | xyz(31.6877, 26.6892, 62.5014) |
| Luminance | 0.2669 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Mediumpurple
#9370DB
ΔE00 6.00
Perrywinkle
#8F8CE7
ΔE00 6.19
Wisteria
#A87DC2
ΔE00 6.20
Deep Lilac
#966EBD
ΔE00 6.65
Pale Purple
#B790D4
ΔE00 8.07
Lavender Blue
#8B88F8
ΔE00 8.18
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9681CF #BACF81
analogous
#8193CF #9681CF #BD81CF
triadic
#9681CF #CF9681 #81CF96
tetradic
#9681CF #CF8193 #BACF81 #81CFBD
square
#9681CF #CF8193 #BACF81 #81CFBD
split-complementary
#9681CF #CFBD81 #93CF81
monochromatic
#553B9B #7155BE #9681CF #BBADE0 #E0DAF1
إمكانية الوصول والتباين
On white
3.31
#9681CF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.34
#9681CF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #9681CF
6.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9681CF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9681CF | 1.00 | 3.31 | 6.34 | 6.34 |
| #FFFFFF | 3.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.34 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.34 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6C8ED2
Deuteranopia (green-blind)
#6F8CCD
Tritanopia (blue-blind)
#8A8E9E
Achromatopsia (no color)
#8D8D8D
وسوم التصميم والكود
CSS
--color: #9681cf; /* rgb */ color: rgb(150, 129, 207); /* oklch */ color: oklch(65.4% 0.116 295.4);
Tailwind
colors: {
custom: {
50: '#b6a5de',
500: '#9681cf',
950: '#000000',
},
}SCSS
$custom: #9681cf; $custom-light: #b6a5de; $custom-dark: #000000;
JSON
{
"hex": "#9681cf",
"rgb": {
"r": 150,
"g": 129,
"b": 207
},
"hsl": {
"h": 256.154,
"s": 44.828,
"l": 65.882
},
"oklch": {
"l": 0.65361,
"c": 0.11556,
"h": 295.4
},
"luminance": 0.2669
}Semantic roles & 50–950 ramp
primary
#9681CF
secondary
#DCE3C9
accent
#B82E93
background
#FBFAFD
surface
#F6F4FB
border
#D0CED4
text
#110F15
muted
#807F83