#655BA0#655BA0
#655BA0 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.128؛ OKLCH L 51.2% C 0.107 H 288.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.90:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #655BA0 |
|---|---|
| RGB | rgb(101, 91, 160) |
| HSL | hsl(249, 27%, 49%) |
| HSV | hsv(249, 43%, 63%) |
| CMYK | cmyk(36.9%, 43.1%, 0%, 37.3%) |
| CIE-LAB | lab(42.44, 20.99, -36.12) |
| CIE-LCH | lch(42.44, 41.78, 300.16°) |
| OKLab | oklab(51.21% 0.0343 -0.1016) |
| OKLCH | oklch(51.21% 0.107 288.7) |
| XYZ | xyz(15.4514, 12.7865, 34.9048) |
| Luminance | 0.1279 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Twilight
#4E518B
ΔE00 5.88
Royal Purple
#7851A9
ΔE00 6.14
Iris
#6258C4
ΔE00 6.66
Dusk
#4E5481
ΔE00 7.15
Slate Blue
#6A5ACD
ΔE00 7.74
Light Indigo
#6D5ACF
ΔE00 8.06
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#655BA0 #96A05B
analogous
#5B74A0 #655BA0 #885BA0
triadic
#655BA0 #A0655B #5BA065
tetradic
#655BA0 #A05B74 #96A05B #5BA088
square
#655BA0 #A05B74 #96A05B #5BA088
split-complementary
#655BA0 #A0885B #74A05B
monochromatic
#342F52 #4C4579 #655BA0 #8981B7 #ADA8CD
إمكانية الوصول والتباين
On white
5.90
#655BA0 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.56
#655BA0 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #655BA0
5.90:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##655BA0 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##655BA0 | 1.00 | 5.90 | 3.56 | 5.90 |
| #FFFFFF | 5.90 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.90 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4466A3
Deuteranopia (green-blind)
#44639E
Tritanopia (blue-blind)
#566876
Achromatopsia (no color)
#646464
وسوم التصميم والكود
CSS
--color: #655ba0; /* rgb */ color: rgb(101, 91, 160); /* oklch */ color: oklch(51.2% 0.107 288.7);
Tailwind
colors: {
custom: {
50: '#9389bc',
500: '#655ba0',
950: '#000000',
},
}SCSS
$custom: #655ba0; $custom-light: #9389bc; $custom-dark: #000000;
JSON
{
"hex": "#655ba0",
"rgb": {
"r": 101,
"g": 91,
"b": 160
},
"hsl": {
"h": 248.696,
"s": 27.49,
"l": 49.216
},
"oklch": {
"l": 0.51208,
"c": 0.10726,
"h": 288.7
},
"luminance": 0.12787
}Semantic roles & 50–950 ramp
primary
#655BA0
secondary
#B7BB9B
accent
#C464B6
background
#F9F8FB
surface
#F2F0F6
border
#CCCBD0
text
#0D0B12
muted
#7E7C81