#926CB7#926CB7
#926CB7 لون متوسط ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.203؛ OKLCH L 59.9% C 0.118 H 306.5°. أفضل لون لنص المتن هو #000000 بتباين 5.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #926CB7 |
|---|---|
| RGB | rgb(146, 108, 183) |
| HSL | hsl(270, 34%, 57%) |
| HSV | hsv(270, 41%, 72%) |
| CMYK | cmyk(20.2%, 41%, 0%, 28.2%) |
| CIE-LAB | lab(52.12, 29.94, -34.06) |
| CIE-LCH | lch(52.12, 45.35, 311.32°) |
| OKLab | oklab(59.93% 0.07 -0.0946) |
| OKLCH | oklch(59.93% 0.118 306.5) |
| XYZ | xyz(25.7622, 20.2552, 47.3430) |
| Luminance | 0.2026 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Deep Lilac
#966EBD
ΔE00 1.34
Deep Lavender
#8D5EB7
ΔE00 4.63
Amethyst
#9B5FC0
ΔE00 4.69
Soft Purple
#A66FB5
ΔE00 5.10
Dark Lilac
#9C6DA5
ΔE00 5.79
Wisteria
#A87DC2
ΔE00 6.71
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#926CB7 #91B76C
analogous
#6D6CB7 #926CB7 #B76CB7
triadic
#926CB7 #B7926C #6CB792
tetradic
#926CB7 #B76D6C #91B76C #6CB7B7
square
#926CB7 #B76D6C #91B76C #6CB7B7
split-complementary
#926CB7 #B7B76C #6CB76D
monochromatic
#553771 #734C9A #926CB7 #B095CB #CFBEDF
إمكانية الوصول والتباين
On white
4.16
#926CB7 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.05
#926CB7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #926CB7
5.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##926CB7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##926CB7 | 1.00 | 4.16 | 5.05 | 5.05 |
| #FFFFFF | 4.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.05 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5B7BBA
Deuteranopia (green-blind)
#647DB5
Tritanopia (blue-blind)
#8D7889
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #926cb7; /* rgb */ color: rgb(146, 108, 183); /* oklch */ color: oklch(59.9% 0.118 306.5);
Tailwind
colors: {
custom: {
50: '#b396cd',
500: '#926cb7',
950: '#000000',
},
}SCSS
$custom: #926cb7; $custom-light: #b396cd; $custom-dark: #000000;
JSON
{
"hex": "#926cb7",
"rgb": {
"r": 146,
"g": 108,
"b": 183
},
"hsl": {
"h": 270.4,
"s": 34.247,
"l": 57.059
},
"oklch": {
"l": 0.59934,
"c": 0.11768,
"h": 306.5
},
"luminance": 0.20255
}Semantic roles & 50–950 ramp
primary
#926CB7
secondary
#BFCFB0
accent
#CA5D93
background
#FBF9FC
surface
#F6F2F9
border
#D0CCD2
text
#110D13
muted
#807E82