#400A42#400A42
#400A42 لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.017؛ OKLCH L 27.2% C 0.109 H 326.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #400A42 |
|---|---|
| RGB | rgb(64, 10, 66) |
| HSL | hsl(298, 74%, 15%) |
| HSV | hsv(298, 85%, 26%) |
| CMYK | cmyk(3%, 84.8%, 0%, 74.1%) |
| CIE-LAB | lab(13.83, 32.98, -21.65) |
| CIE-LCH | lch(13.83, 39.45, 326.71°) |
| OKLab | oklab(27.16% 0.0909 -0.0602) |
| OKLCH | oklch(27.16% 0.109 326.5) |
| XYZ | xyz(3.2062, 1.7006, 5.3126) |
| Luminance | 0.0170 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Eggplant Purple
#430541
ΔE00 1.17
Deep Violet
#490648
ΔE00 2.11
Dark Purple
#35063E
ΔE00 2.55
Deep Purple
#36013F
ΔE00 2.87
Eggplant
#380835
ΔE00 3.08
Dark Violet
#34013F
ΔE00 3.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#400A42 #0C420A
analogous
#240A42 #400A42 #420A28
triadic
#400A42 #42400A #0A4240
tetradic
#400A42 #42240A #0C420A #0A2842
square
#400A42 #42240A #0C420A #0A2842
split-complementary
#400A42 #28420A #0A4224
monochromatic
#1A041B #1A041B #400A42 #741277 #A71AAC
إمكانية الوصول والتباين
On white
15.67
#400A42 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.34
#400A42 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #400A42
15.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##400A42 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##400A42 | 1.00 | 15.67 | 1.34 | 15.67 |
| #FFFFFF | 15.67 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.34 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.67 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#001F44
Deuteranopia (green-blind)
#182641
Tritanopia (blue-blind)
#421425
Achromatopsia (no color)
#232323
وسوم التصميم والكود
CSS
--color: #400a42; /* rgb */ color: rgb(64, 10, 66); /* oklch */ color: oklch(27.2% 0.109 326.5);
Tailwind
colors: {
custom: {
50: '#775076',
500: '#400a42',
950: '#000000',
},
}SCSS
$custom: #400a42; $custom-light: #775076; $custom-dark: #000000;
JSON
{
"hex": "#400a42",
"rgb": {
"r": 64,
"g": 10,
"b": 66
},
"hsl": {
"h": 297.857,
"s": 73.684,
"l": 14.902
},
"oklch": {
"l": 0.27156,
"c": 0.10899,
"h": 326.5
},
"luminance": 0.017
}Semantic roles & 50–950 ramp
primary
#400A42
secondary
#2C7F29
accent
#F0373E
background
#F7F4F7
surface
#EDE7ED
border
#C8C3C8
text
#090208
muted
#7B787B