#330C47#330C47
#330C47 لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.014؛ OKLCH L 25.6% C 0.106 H 311.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #330C47 |
|---|---|
| RGB | rgb(51, 12, 71) |
| HSL | hsl(280, 71%, 16%) |
| HSV | hsv(280, 83%, 28%) |
| CMYK | cmyk(28.2%, 83.1%, 0%, 72.2%) |
| CIE-LAB | lab(12.10, 30.18, -28.06) |
| CIE-LCH | lch(12.10, 41.21, 317.08°) |
| OKLab | oklab(25.57% 0.0696 -0.0794) |
| OKLCH | oklch(25.57% 0.106 311.2) |
| XYZ | xyz(2.6338, 1.4217, 6.0957) |
| Luminance | 0.0142 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Dark Purple
#35063E
ΔE00 2.70
Dark Violet
#34013F
ΔE00 2.73
Deep Purple
#36013F
ΔE00 3.01
Midnight Purple
#280137
ΔE00 3.57
Very Dark Purple
#2A0134
ΔE00 4.13
Eggplant Purple
#430541
ΔE00 5.29
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#330C47 #20470C
analogous
#160C47 #330C47 #470C3E
triadic
#330C47 #47330C #0C4733
tetradic
#330C47 #47160C #20470C #0C3E47
square
#330C47 #47160C #20470C #0C3E47
split-complementary
#330C47 #3E470C #0C4716
monochromatic
#13041A #13041A #330C47 #59157B #7E1EB0
إمكانية الوصول والتباين
On white
16.35
#330C47 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.28
#330C47 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #330C47
16.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##330C47 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##330C47 | 1.00 | 16.35 | 1.28 | 16.35 |
| #FFFFFF | 16.35 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.35 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#001E49
Deuteranopia (green-blind)
#032046
Tritanopia (blue-blind)
#301A29
Achromatopsia (no color)
#202020
وسوم التصميم والكود
CSS
--color: #330c47; /* rgb */ color: rgb(51, 12, 71); /* oklch */ color: oklch(25.6% 0.106 311.2);
Tailwind
colors: {
custom: {
50: '#6e4f7b',
500: '#330c47',
950: '#000000',
},
}SCSS
$custom: #330c47; $custom-light: #6e4f7b; $custom-dark: #000000;
JSON
{
"hex": "#330c47",
"rgb": {
"r": 51,
"g": 12,
"b": 71
},
"hsl": {
"h": 279.661,
"s": 71.084,
"l": 16.275
},
"oklch": {
"l": 0.25574,
"c": 0.10561,
"h": 311.2
},
"luminance": 0.01422
}Semantic roles & 50–950 ramp
primary
#330C47
secondary
#49832C
accent
#EE3A77
background
#F6F4F7
surface
#ECE7EE
border
#C7C3C9
text
#070209
muted
#7A787B