#2B132E#2B132E
#2B132E لون داكن جداً وخافت من عائلة purple. الإضاءة النسبية 0.012؛ OKLCH L 23.5% C 0.059 H 323.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2B132E |
|---|---|
| RGB | rgb(43, 19, 46) |
| HSL | hsl(293, 42%, 13%) |
| HSV | hsv(293, 59%, 18%) |
| CMYK | cmyk(6.5%, 58.7%, 0%, 82%) |
| CIE-LAB | lab(10.38, 17.60, -12.98) |
| CIE-LCH | lch(10.38, 21.87, 323.59°) |
| OKLab | oklab(23.47% 0.0475 -0.0358) |
| OKLCH | oklch(23.47% 0.059 323) |
| XYZ | xyz(1.7222, 1.1767, 2.7206) |
| Luminance | 0.0118 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Eggplant
#380835
ΔE00 5.85
Aubergine
#3D0734
ΔE00 6.68
Very Dark Purple
#2A0134
ΔE00 7.02
Dark Purple
#35063E
ΔE00 7.41
Midnight Purple
#280137
ΔE00 7.74
Dark Plum
#3F012C
ΔE00 8.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2B132E #162E13
analogous
#1D132E #2B132E #2E1323
triadic
#2B132E #2E2B13 #132E2B
tetradic
#2B132E #2E1D13 #162E13 #13232E
square
#2B132E #2E1D13 #162E13 #13232E
split-complementary
#2B132E #232E13 #132E1D
monochromatic
#140916 #140916 #2B132E #532559 #7C3785
إمكانية الوصول والتباين
On white
17.00
#2B132E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.24
#2B132E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2B132E
17.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2B132E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2B132E | 1.00 | 17.00 | 1.24 | 17.00 |
| #FFFFFF | 17.00 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.00 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0F1A2F
Deuteranopia (green-blind)
#161D2D
Tritanopia (blue-blind)
#2C161E
Achromatopsia (no color)
#1C1C1C
وسوم التصميم والكود
CSS
--color: #2b132e; /* rgb */ color: rgb(43, 19, 46); /* oklch */ color: oklch(23.5% 0.059 323.0);
Tailwind
colors: {
custom: {
50: '#655166',
500: '#2b132e',
950: '#000000',
},
}SCSS
$custom: #2b132e; $custom-light: #655166; $custom-dark: #000000;
JSON
{
"hex": "#2b132e",
"rgb": {
"r": 43,
"g": 19,
"b": 46
},
"hsl": {
"h": 293.333,
"s": 41.538,
"l": 12.745
},
"oklch": {
"l": 0.23472,
"c": 0.05948,
"h": 323
},
"luminance": 0.01177
}Semantic roles & 50–950 ramp
primary
#2B132E
secondary
#3D6538
accent
#D15664
background
#F6F4F6
surface
#EBE7EB
border
#C6C3C6
text
#060206
muted
#7A787A