#615E91#615E91
#615E91 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.126؛ OKLCH L 50.6% C 0.080 H 285.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #615E91 |
|---|---|
| RGB | rgb(97, 94, 145) |
| HSL | hsl(244, 21%, 47%) |
| HSV | hsv(244, 35%, 57%) |
| CMYK | cmyk(33.1%, 35.2%, 0%, 43.1%) |
| CIE-LAB | lab(42.14, 13.72, -27.65) |
| CIE-LCH | lch(42.14, 30.87, 296.38°) |
| OKLab | oklab(50.65% 0.0219 -0.0771) |
| OKLCH | oklch(50.65% 0.08 285.8) |
| XYZ | xyz(14.0419, 12.5908, 28.4730) |
| Luminance | 0.1259 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dusk
#4E5481
ΔE00 5.11
Twilight
#4E518B
ΔE00 5.47
Dusky Blue
#475F94
ΔE00 7.53
Royal Purple
#7851A9
ΔE00 9.16
Dark Lavender
#856798
ΔE00 9.61
Denim Blue
#3B5B92
ΔE00 9.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#615E91 #8E915E
analogous
#5E7591 #615E91 #7B5E91
triadic
#615E91 #91615E #5E9161
tetradic
#615E91 #915E75 #8E915E #5E917B
square
#615E91 #915E75 #8E915E #5E917B
split-complementary
#615E91 #917B5E #75915E
monochromatic
#2F2E47 #48466C #615E91 #8280AC #A7A5C5
إمكانية الوصول والتباين
On white
5.97
#615E91 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.52
#615E91 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #615E91
5.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##615E91 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##615E91 | 1.00 | 5.97 | 3.52 | 5.97 |
| #FFFFFF | 5.97 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.52 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.97 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4F6593
Deuteranopia (green-blind)
#4E6290
Tritanopia (blue-blind)
#556771
Achromatopsia (no color)
#636363
وسوم التصميم والكود
CSS
--color: #615e91; /* rgb */ color: rgb(97, 94, 145); /* oklch */ color: oklch(50.6% 0.080 285.8);
Tailwind
colors: {
custom: {
50: '#8f8bb1',
500: '#615e91',
950: '#000000',
},
}SCSS
$custom: #615e91; $custom-light: #8f8bb1; $custom-dark: #000000;
JSON
{
"hex": "#615e91",
"rgb": {
"r": 97,
"g": 94,
"b": 145
},
"hsl": {
"h": 243.529,
"s": 21.339,
"l": 46.863
},
"oklch": {
"l": 0.50646,
"c": 0.08017,
"h": 285.8
},
"luminance": 0.12591
}Semantic roles & 50–950 ramp
primary
#615E91
secondary
#B1B398
accent
#BE6AB9
background
#F8F8FA
surface
#F0F0F5
border
#CBCBCF
text
#0C0C10
muted
#7D7D7F