#412F5A#412F5A
#412F5A لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.039؛ OKLCH L 34.6% C 0.075 H 301.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.80:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #412F5A |
|---|---|
| RGB | rgb(65, 47, 90) |
| HSL | hsl(265, 31%, 27%) |
| HSV | hsv(265, 48%, 35%) |
| CMYK | cmyk(27.8%, 47.8%, 0%, 64.7%) |
| CIE-LAB | lab(23.32, 18.38, -22.91) |
| CIE-LCH | lch(23.32, 29.37, 308.73°) |
| OKLab | oklab(34.64% 0.0399 -0.0641) |
| OKLCH | oklch(34.64% 0.075 301.9) |
| XYZ | xyz(5.0415, 3.8950, 10.1571) |
| Luminance | 0.0389 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Darkslateblue
#483D8B
ΔE00 10.38
Dark Purple
#35063E
ΔE00 10.76
Navy Blue
#1B2A4A
ΔE00 10.85
Grape
#6C3461
ΔE00 10.96
Deep Violet
#490648
ΔE00 11.04
Plum Purple
#4E0550
ΔE00 11.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#412F5A #485A2F
analogous
#2F335A #412F5A #572F5A
triadic
#412F5A #5A412F #2F5A41
tetradic
#412F5A #5A2F33 #485A2F #2F5A57
square
#412F5A #5A2F33 #485A2F #2F5A57
split-complementary
#412F5A #5A572F #335A2F
monochromatic
#0F0A14 #241A32 #412F5A #5E4482 #7B5AA9
إمكانية الوصول والتباين
On white
11.80
#412F5A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.78
#412F5A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #412F5A
11.80:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##412F5A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##412F5A | 1.00 | 11.80 | 1.78 | 11.80 |
| #FFFFFF | 11.80 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.78 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.80 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#23375C
Deuteranopia (green-blind)
#273759
Tritanopia (blue-blind)
#3C3640
Achromatopsia (no color)
#383838
وسوم التصميم والكود
CSS
--color: #412f5a; /* rgb */ color: rgb(65, 47, 90); /* oklch */ color: oklch(34.6% 0.075 301.9);
Tailwind
colors: {
custom: {
50: '#776889',
500: '#412f5a',
950: '#000000',
},
}SCSS
$custom: #412f5a; $custom-light: #776889; $custom-dark: #000000;
JSON
{
"hex": "#412f5a",
"rgb": {
"r": 65,
"g": 47,
"b": 90
},
"hsl": {
"h": 265.116,
"s": 31.387,
"l": 26.863
},
"oklch": {
"l": 0.34643,
"c": 0.07547,
"h": 301.9
},
"luminance": 0.03895
}Semantic roles & 50–950 ramp
primary
#412F5A
secondary
#768C59
accent
#C8609C
background
#F7F6F8
surface
#EDEBF0
border
#C8C6CB
text
#09060B
muted
#7B7A7C