#3A173F#3A173F
#3A173F لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.019؛ OKLCH L 27.6% C 0.082 H 322.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.28:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3A173F |
|---|---|
| RGB | rgb(58, 23, 63) |
| HSL | hsl(293, 47%, 17%) |
| HSV | hsv(293, 63%, 25%) |
| CMYK | cmyk(7.9%, 63.5%, 0%, 75.3%) |
| CIE-LAB | lab(14.80, 24.36, -18.08) |
| CIE-LCH | lch(14.80, 30.33, 323.42°) |
| OKLab | oklab(27.58% 0.0653 -0.0501) |
| OKLCH | oklch(27.58% 0.082 322.5) |
| XYZ | xyz(2.9484, 1.8714, 4.9076) |
| Luminance | 0.0187 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Eggplant
#380835
ΔE00 3.63
Dark Purple
#35063E
ΔE00 4.33
Aubergine
#3D0734
ΔE00 4.55
Eggplant Purple
#430541
ΔE00 4.75
Deep Purple
#36013F
ΔE00 5.41
Deep Violet
#490648
ΔE00 5.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3A173F #1C3F17
analogous
#26173F #3A173F #3F1730
triadic
#3A173F #3F3A17 #173F3A
tetradic
#3A173F #3F2617 #1C3F17 #17303F
square
#3A173F #3F2617 #1C3F17 #17303F
split-complementary
#3A173F #303F17 #173F26
monochromatic
#150816 #150816 #3A173F #63276C #8D3899
إمكانية الوصول والتباين
On white
15.28
#3A173F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.37
#3A173F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3A173F
15.28:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3A173F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3A173F | 1.00 | 15.28 | 1.37 | 15.28 |
| #FFFFFF | 15.28 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.37 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.28 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#102340
Deuteranopia (green-blind)
#1C273E
Tritanopia (blue-blind)
#3B1D28
Achromatopsia (no color)
#252525
وسوم التصميم والكود
CSS
--color: #3a173f; /* rgb */ color: rgb(58, 23, 63); /* oklch */ color: oklch(27.6% 0.082 322.5);
Tailwind
colors: {
custom: {
50: '#725674',
500: '#3a173f',
950: '#000000',
},
}SCSS
$custom: #3a173f; $custom-light: #725674; $custom-dark: #000000;
JSON
{
"hex": "#3a173f",
"rgb": {
"r": 58,
"g": 23,
"b": 63
},
"hsl": {
"h": 292.5,
"s": 46.512,
"l": 16.863
},
"oklch": {
"l": 0.27575,
"c": 0.08229,
"h": 322.5
},
"luminance": 0.01871
}Semantic roles & 50–950 ramp
primary
#3A173F
secondary
#43763C
accent
#D65262
background
#F7F5F7
surface
#EDE9ED
border
#C8C5C8
text
#080308
muted
#7B787B