#490D45#490D45
#490D45 لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.021؛ OKLCH L 29.2% C 0.113 H 331.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #490D45 |
|---|---|
| RGB | rgb(73, 13, 69) |
| HSL | hsl(304, 70%, 17%) |
| HSV | hsv(304, 82%, 29%) |
| CMYK | cmyk(0%, 82.2%, 5.5%, 71.4%) |
| CIE-LAB | lab(16.18, 34.73, -19.91) |
| CIE-LCH | lch(16.18, 40.03, 330.17°) |
| OKLab | oklab(29.24% 0.099 -0.0549) |
| OKLCH | oklch(29.24% 0.113 331) |
| XYZ | xyz(3.9657, 2.1343, 5.8322) |
| Luminance | 0.0213 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Deep Violet
#490648
ΔE00 1.60
Eggplant Purple
#430541
ΔE00 1.70
Plum Purple
#4E0550
ΔE00 3.05
Aubergine
#3D0734
ΔE00 3.89
Eggplant
#380835
ΔE00 4.09
Grape Purple
#5D1451
ΔE00 4.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#490D45 #0D4911
analogous
#2F0D49 #490D45 #490D27
triadic
#490D45 #45490D #0D4549
tetradic
#490D45 #492F0D #0D4911 #0D2749
square
#490D45 #492F0D #0D4911 #0D2749
split-complementary
#490D45 #27490D #0D492F
monochromatic
#1A0519 #1A0519 #490D45 #7D1676 #B120A7
إمكانية الوصول والتباين
On white
14.72
#490D45 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.43
#490D45 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #490D45
14.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##490D45 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##490D45 | 1.00 | 14.72 | 1.43 | 14.72 |
| #FFFFFF | 14.72 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.43 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.72 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#072347
Deuteranopia (green-blind)
#202B44
Tritanopia (blue-blind)
#4C1528
Achromatopsia (no color)
#282828
وسوم التصميم والكود
CSS
--color: #490d45; /* rgb */ color: rgb(73, 13, 69); /* oklch */ color: oklch(29.2% 0.113 331.0);
Tailwind
colors: {
custom: {
50: '#7e5379',
500: '#490d45',
950: '#000000',
},
}SCSS
$custom: #490d45; $custom-light: #7e5379; $custom-dark: #000000;
JSON
{
"hex": "#490d45",
"rgb": {
"r": 73,
"g": 13,
"b": 69
},
"hsl": {
"h": 304,
"s": 69.767,
"l": 16.863
},
"oklch": {
"l": 0.29235,
"c": 0.11316,
"h": 331
},
"luminance": 0.02134
}Semantic roles & 50–950 ramp
primary
#490D45
secondary
#2D8433
accent
#ED473B
background
#F7F5F7
surface
#EEE8ED
border
#C9C4C8
text
#0A0309
muted
#7C787B