#321B46#321B46
#321B46 لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.019؛ OKLCH L 27.6% C 0.080 H 306.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #321B46 |
|---|---|
| RGB | rgb(50, 27, 70) |
| HSL | hsl(272, 44%, 19%) |
| HSV | hsv(272, 61%, 27%) |
| CMYK | cmyk(28.6%, 61.4%, 0%, 72.5%) |
| CIE-LAB | lab(14.98, 21.14, -22.75) |
| CIE-LCH | lch(14.98, 31.05, 312.89°) |
| OKLab | oklab(27.59% 0.0475 -0.064) |
| OKLCH | oklch(27.59% 0.08 306.6) |
| XYZ | xyz(2.8126, 1.9042, 6.0125) |
| Luminance | 0.0190 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Dark Purple
#35063E
ΔE00 5.67
Midnight Purple
#280137
ΔE00 6.49
Dark Violet
#34013F
ΔE00 6.56
Very Dark Purple
#2A0134
ΔE00 6.63
Deep Purple
#36013F
ΔE00 6.67
Eggplant
#380835
ΔE00 6.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#321B46 #2F461B
analogous
#1D1B46 #321B46 #461B45
triadic
#321B46 #46321B #1B4632
tetradic
#321B46 #461D1B #2F461B #1B4546
square
#321B46 #461D1B #2F461B #1B4546
split-complementary
#321B46 #45461B #1B461D
monochromatic
#100916 #120A1A #321B46 #522C72 #713D9E
إمكانية الوصول والتباين
On white
15.21
#321B46 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.38
#321B46 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #321B46
15.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##321B46 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##321B46 | 1.00 | 15.21 | 1.38 | 15.21 |
| #FFFFFF | 15.21 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.38 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.21 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0C2547
Deuteranopia (green-blind)
#142645
Tritanopia (blue-blind)
#2F232D
Achromatopsia (no color)
#262626
وسوم التصميم والكود
CSS
--color: #321b46; /* rgb */ color: rgb(50, 27, 70); /* oklch */ color: oklch(27.6% 0.080 306.6);
Tailwind
colors: {
custom: {
50: '#6b587a',
500: '#321b46',
950: '#000000',
},
}SCSS
$custom: #321b46; $custom-light: #6b587a; $custom-dark: #000000;
JSON
{
"hex": "#321b46",
"rgb": {
"r": 50,
"g": 27,
"b": 70
},
"hsl": {
"h": 272.093,
"s": 44.33,
"l": 19.02
},
"oklch": {
"l": 0.27593,
"c": 0.07971,
"h": 306.6
},
"luminance": 0.01904
}Semantic roles & 50–950 ramp
primary
#321B46
secondary
#5C7C41
accent
#D4548F
background
#F6F5F7
surface
#EBE9ED
border
#C6C5C8
text
#070309
muted
#7A787B