#8965E2#8965E2
#8965E2 لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.201؛ OKLCH L 60.4% C 0.182 H 293.5°. أفضل لون لنص المتن هو #000000 بتباين 5.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8965E2 |
|---|---|
| RGB | rgb(137, 101, 226) |
| HSL | hsl(257, 68%, 64%) |
| HSV | hsv(257, 55%, 89%) |
| CMYK | cmyk(39.4%, 55.3%, 0%, 11.4%) |
| CIE-LAB | lab(51.97, 42.45, -58.90) |
| CIE-LCH | lch(51.97, 72.60, 305.78°) |
| OKLab | oklab(60.36% 0.0726 -0.1673) |
| OKLCH | oklch(60.36% 0.182 293.5) |
| XYZ | xyz(28.6940, 20.1160, 74.3077) |
| Luminance | 0.2012 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Mediumslateblue
#7B68EE
ΔE00 3.43
Mediumpurple
#9370DB
ΔE00 3.97
Purpley
#8756E4
ΔE00 4.07
Lighter Purple
#A55AF4
ΔE00 5.65
Lightish Purple
#A552E6
ΔE00 6.47
Light Indigo
#6D5ACF
ΔE00 6.67
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8965E2 #BEE265
analogous
#6580E2 #8965E2 #C865E2
triadic
#8965E2 #E28965 #65E289
tetradic
#8965E2 #E26580 #BEE265 #65E2C8
square
#8965E2 #E26580 #BEE265 #65E2C8
split-complementary
#8965E2 #E2C865 #80E265
monochromatic
#4920AC #6231D8 #8965E2 #B099EC #D8CCF5
إمكانية الوصول والتباين
On white
4.18
#8965E2 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.02
#8965E2 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8965E2
5.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8965E2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8965E2 | 1.00 | 4.18 | 5.02 | 5.02 |
| #FFFFFF | 4.18 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.02 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#267DE6
Deuteranopia (green-blind)
#317ADF
Tritanopia (blue-blind)
#727F9A
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #8965e2; /* rgb */ color: rgb(137, 101, 226); /* oklch */ color: oklch(60.4% 0.182 293.5);
Tailwind
colors: {
custom: {
50: '#b092ec',
500: '#8965e2',
950: '#000000',
},
}SCSS
$custom: #8965e2; $custom-light: #b092ec; $custom-dark: #000000;
JSON
{
"hex": "#8965e2",
"rgb": {
"r": 137,
"g": 101,
"b": 226
},
"hsl": {
"h": 257.28,
"s": 68.306,
"l": 64.118
},
"oklch": {
"l": 0.60364,
"c": 0.18241,
"h": 293.5
},
"luminance": 0.20117
}Semantic roles & 50–950 ramp
primary
#8965E2
secondary
#DBE7BC
accent
#D0159A
background
#FBF9FE
surface
#F6F1FD
border
#D0CBD5
text
#110D16
muted
#807E84