#48305E#48305E
#48305E لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.043؛ OKLCH L 35.9% C 0.082 H 306.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.29:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #48305E |
|---|---|
| RGB | rgb(72, 48, 94) |
| HSL | hsl(271, 32%, 28%) |
| HSV | hsv(271, 49%, 37%) |
| CMYK | cmyk(23.4%, 48.9%, 0%, 63.1%) |
| CIE-LAB | lab(24.64, 21.11, -23.40) |
| CIE-LCH | lch(24.64, 31.52, 312.05°) |
| OKLab | oklab(35.9% 0.0489 -0.0653) |
| OKLCH | oklch(35.9% 0.082 306.8) |
| XYZ | xyz(5.7494, 4.2998, 11.1146) |
| Luminance | 0.0430 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 9.36
Grape Purple
#5D1451
ΔE00 10.06
Darkslateblue
#483D8B
ΔE00 10.09
Plum Purple
#4E0550
ΔE00 10.12
Deep Violet
#490648
ΔE00 10.28
Dark Purple
#35063E
ΔE00 10.69
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#48305E #465E30
analogous
#31305E #48305E #5E305D
triadic
#48305E #5E4830 #305E48
tetradic
#48305E #5E3130 #465E30 #305D5E
square
#48305E #5E3130 #465E30 #305D5E
split-complementary
#48305E #5D5E30 #305E31
monochromatic
#100A14 #291B35 #48305E #674587 #865CAC
إمكانية الوصول والتباين
On white
11.29
#48305E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.86
#48305E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #48305E
11.29:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##48305E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##48305E | 1.00 | 11.29 | 1.86 | 11.29 |
| #FFFFFF | 11.29 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.86 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.29 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#243A60
Deuteranopia (green-blind)
#2B3B5D
Tritanopia (blue-blind)
#453842
Achromatopsia (no color)
#3A3A3A
وسوم التصميم والكود
CSS
--color: #48305e; /* rgb */ color: rgb(72, 48, 94); /* oklch */ color: oklch(35.9% 0.082 306.8);
Tailwind
colors: {
custom: {
50: '#7c698c',
500: '#48305e',
950: '#000000',
},
}SCSS
$custom: #48305e; $custom-light: #7c698c; $custom-dark: #000000;
JSON
{
"hex": "#48305e",
"rgb": {
"r": 72,
"g": 48,
"b": 94
},
"hsl": {
"h": 271.304,
"s": 32.394,
"l": 27.843
},
"oklch": {
"l": 0.35896,
"c": 0.08157,
"h": 306.8
},
"luminance": 0.043
}Semantic roles & 50–950 ramp
primary
#48305E
secondary
#748F5A
accent
#C95F92
background
#F7F6F8
surface
#EEEBF0
border
#C9C6CB
text
#09060C
muted
#7B7A7D