#2A102E#2A102E
#2A102E لون داكن جداً ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.011؛ OKLCH L 22.8% C 0.065 H 322.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.33:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2A102E |
|---|---|
| RGB | rgb(42, 16, 46) |
| HSL | hsl(292, 48%, 12%) |
| HSV | hsv(292, 65%, 18%) |
| CMYK | cmyk(8.7%, 65.2%, 0%, 82%) |
| CIE-LAB | lab(9.48, 19.18, -14.41) |
| CIE-LCH | lch(9.48, 23.99, 323.09°) |
| OKLab | oklab(22.77% 0.0513 -0.0399) |
| OKLCH | oklch(22.77% 0.065 322.1) |
| XYZ | xyz(1.6332, 1.0602, 2.7028) |
| Luminance | 0.0106 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Eggplant
#380835
ΔE00 5.02
Very Dark Purple
#2A0134
ΔE00 5.83
Aubergine
#3D0734
ΔE00 6.05
Dark Purple
#35063E
ΔE00 6.40
Midnight Purple
#280137
ΔE00 6.59
Deep Purple
#36013F
ΔE00 7.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2A102E #142E10
analogous
#1B102E #2A102E #2E1023
triadic
#2A102E #2E2A10 #102E2A
tetradic
#2A102E #2E1B10 #142E10 #10232E
square
#2A102E #2E1B10 #142E10 #10232E
split-complementary
#2A102E #232E10 #102E1B
monochromatic
#150817 #150817 #2A102E #53205B #7D3089
إمكانية الوصول والتباين
On white
17.33
#2A102E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.21
#2A102E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2A102E
17.33:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2A102E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2A102E | 1.00 | 17.33 | 1.21 | 17.33 |
| #FFFFFF | 17.33 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.33 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0B192F
Deuteranopia (green-blind)
#131B2D
Tritanopia (blue-blind)
#2B141D
Achromatopsia (no color)
#1A1A1A
وسوم التصميم والكود
CSS
--color: #2a102e; /* rgb */ color: rgb(42, 16, 46); /* oklch */ color: oklch(22.8% 0.065 322.1);
Tailwind
colors: {
custom: {
50: '#644f67',
500: '#2a102e',
950: '#000000',
},
}SCSS
$custom: #2a102e; $custom-light: #644f67; $custom-dark: #000000;
JSON
{
"hex": "#2a102e",
"rgb": {
"r": 42,
"g": 16,
"b": 46
},
"hsl": {
"h": 292,
"s": 48.387,
"l": 12.157
},
"oklch": {
"l": 0.22772,
"c": 0.065,
"h": 322.1
},
"luminance": 0.0106
}Semantic roles & 50–950 ramp
primary
#2A102E
secondary
#3A6733
accent
#D85062
background
#F6F4F6
surface
#EBE7EB
border
#C6C3C6
text
#050206
muted
#7A787A