#441A3E#441A3E
#441A3E لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.023؛ OKLCH L 29.6% C 0.083 H 333.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #441A3E |
|---|---|
| RGB | rgb(68, 26, 62) |
| HSL | hsl(309, 45%, 18%) |
| HSV | hsv(309, 62%, 27%) |
| CMYK | cmyk(0%, 61.8%, 8.8%, 73.3%) |
| CIE-LAB | lab(17.06, 25.75, -13.71) |
| CIE-LCH | lch(17.06, 29.17, 331.97°) |
| OKLab | oklab(29.57% 0.074 -0.0373) |
| OKLCH | oklch(29.57% 0.083 333.2) |
| XYZ | xyz(3.6228, 2.3158, 4.8127) |
| Luminance | 0.0232 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Aubergine
#3D0734
ΔE00 4.05
Eggplant
#380835
ΔE00 4.38
Eggplant Purple
#430541
ΔE00 5.25
Plum (survey)
#580F41
ΔE00 5.51
Dark Plum
#3F012C
ΔE00 5.69
Deep Violet
#490648
ΔE00 5.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#441A3E #1A4420
analogous
#351A44 #441A3E #441A29
triadic
#441A3E #3E441A #1A3E44
tetradic
#441A3E #44351A #1A4420 #1A2944
square
#441A3E #44351A #1A4420 #1A2944
split-complementary
#441A3E #29441A #1A4435
monochromatic
#160814 #180916 #441A3E #702B66 #9D3C8F
إمكانية الوصول والتباين
On white
14.35
#441A3E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.46
#441A3E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #441A3E
14.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##441A3E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##441A3E | 1.00 | 14.35 | 1.46 | 14.35 |
| #FFFFFF | 14.35 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.46 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.35 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#19263F
Deuteranopia (green-blind)
#262C3D
Tritanopia (blue-blind)
#471D29
Achromatopsia (no color)
#2A2A2A
وسوم التصميم والكود
CSS
--color: #441a3e; /* rgb */ color: rgb(68, 26, 62); /* oklch */ color: oklch(29.6% 0.083 333.2);
Tailwind
colors: {
custom: {
50: '#795973',
500: '#441a3e',
950: '#000000',
},
}SCSS
$custom: #441a3e; $custom-light: #795973; $custom-dark: #000000;
JSON
{
"hex": "#441a3e",
"rgb": {
"r": 68,
"g": 26,
"b": 62
},
"hsl": {
"h": 308.571,
"s": 44.681,
"l": 18.431
},
"oklch": {
"l": 0.29569,
"c": 0.0829,
"h": 333.2
},
"luminance": 0.02316
}Semantic roles & 50–950 ramp
primary
#441A3E
secondary
#407A48
accent
#D46653
background
#F7F5F7
surface
#EDE9ED
border
#C8C5C8
text
#090308
muted
#7B787B