#65166E#65166E
#65166E لون داكن وزاهٍ من عائلة purple. الإضاءة النسبية 0.045؛ OKLCH L 37.5% C 0.153 H 323.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #65166E |
|---|---|
| RGB | rgb(101, 22, 110) |
| HSL | hsl(294, 67%, 26%) |
| HSV | hsv(294, 80%, 43%) |
| CMYK | cmyk(8.2%, 80%, 0%, 56.9%) |
| CIE-LAB | lab(25.16, 45.91, -32.71) |
| CIE-LCH | lch(25.16, 56.37, 324.53°) |
| OKLab | oklab(37.5% 0.123 -0.0914) |
| OKLCH | oklch(37.5% 0.153 323.4) |
| XYZ | xyz(8.4680, 4.4668, 15.1650) |
| Luminance | 0.0447 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Darkish Purple
#751973
ΔE00 3.34
Purple
#800080
ΔE00 5.19
Grape Purple
#5D1451
ΔE00 6.26
Plum Purple
#4E0550
ΔE00 6.34
Royal Purple (survey)
#4B006E
ΔE00 6.59
Rich Purple
#720058
ΔE00 6.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#65166E #1F6E16
analogous
#39166E #65166E #6E164B
triadic
#65166E #6E6516 #166E65
tetradic
#65166E #6E3916 #1F6E16 #164B6E
square
#65166E #6E3916 #1F6E16 #164B6E
split-complementary
#65166E #4B6E16 #166E39
monochromatic
#17051A #360C3B #65166E #9420A1 #C32AD4
إمكانية الوصول والتباين
On white
11.09
#65166E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.89
#65166E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #65166E
11.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##65166E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##65166E | 1.00 | 11.09 | 1.89 | 11.09 |
| #FFFFFF | 11.09 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.89 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.09 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#003670
Deuteranopia (green-blind)
#263F6C
Tritanopia (blue-blind)
#672741
Achromatopsia (no color)
#3C3C3C
وسوم التصميم والكود
CSS
--color: #65166e; /* rgb */ color: rgb(101, 22, 110); /* oklch */ color: oklch(37.5% 0.153 323.4);
Tailwind
colors: {
custom: {
50: '#945e98',
500: '#65166e',
950: '#000000',
},
}SCSS
$custom: #65166e; $custom-light: #945e98; $custom-dark: #000000;
JSON
{
"hex": "#65166e",
"rgb": {
"r": 101,
"g": 22,
"b": 110
},
"hsl": {
"h": 293.864,
"s": 66.667,
"l": 25.882
},
"oklch": {
"l": 0.37502,
"c": 0.15323,
"h": 323.4
},
"luminance": 0.04466
}Semantic roles & 50–950 ramp
primary
#65166E
secondary
#46A43C
accent
#EA3E50
background
#F9F5F9
surface
#F2E9F2
border
#CCC5CC
text
#0E050E
muted
#7E797E