#442B7E#442B7E
#442B7E لون داكن وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.045؛ OKLCH L 36.9% C 0.134 H 292.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.10:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #442B7E |
|---|---|
| RGB | rgb(68, 43, 126) |
| HSL | hsl(258, 49%, 33%) |
| HSV | hsv(258, 66%, 49%) |
| CMYK | cmyk(46%, 65.9%, 0%, 50.6%) |
| CIE-LAB | lab(25.15, 32.36, -43.18) |
| CIE-LCH | lch(25.15, 53.95, 306.85°) |
| OKLab | oklab(36.86% 0.0511 -0.1234) |
| OKLCH | oklch(36.86% 0.134 292.5) |
| XYZ | xyz(7.0126, 4.4628, 20.2265) |
| Luminance | 0.0446 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Darkslateblue
#483D8B
ΔE00 5.33
Blueberry
#464196
ΔE00 7.17
Rebeccapurple
#663399
ΔE00 7.18
Midnight Blue
#191970
ΔE00 7.33
Indigo
#4B0082
ΔE00 7.37
Indigo (survey)
#380282
ΔE00 7.68
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#442B7E #657E2B
analogous
#2B3C7E #442B7E #6D2B7E
triadic
#442B7E #7E442B #2B7E44
tetradic
#442B7E #7E2B3C #657E2B #2B7E6D
square
#442B7E #7E2B3C #657E2B #2B7E6D
split-complementary
#442B7E #7E6D2B #3C7E2B
monochromatic
#130C23 #2B1B50 #442B7E #5D3BAC #7C5CC7
إمكانية الوصول والتباين
On white
11.10
#442B7E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.89
#442B7E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #442B7E
11.10:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##442B7E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##442B7E | 1.00 | 11.10 | 1.89 | 11.10 |
| #FFFFFF | 11.10 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.89 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.10 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#003D81
Deuteranopia (green-blind)
#003A7C
Tritanopia (blue-blind)
#333E50
Achromatopsia (no color)
#3C3C3C
وسوم التصميم والكود
CSS
--color: #442b7e; /* rgb */ color: rgb(68, 43, 126); /* oklch */ color: oklch(36.9% 0.134 292.5);
Tailwind
colors: {
custom: {
50: '#7d66a4',
500: '#442b7e',
950: '#000000',
},
}SCSS
$custom: #442b7e; $custom-light: #7d66a4; $custom-dark: #000000;
JSON
{
"hex": "#442b7e",
"rgb": {
"r": 68,
"g": 43,
"b": 126
},
"hsl": {
"h": 258.072,
"s": 49.112,
"l": 33.137
},
"oklch": {
"l": 0.3686,
"c": 0.13352,
"h": 292.5
},
"luminance": 0.04463
}Semantic roles & 50–950 ramp
primary
#442B7E
secondary
#93AD58
accent
#D94FAF
background
#F7F6FA
surface
#EEEBF4
border
#C9C6CE
text
#0A060F
muted
#7C7A7F