#2C132D#2C132D
#2C132D لون داكن جداً وخافت من عائلة purple. الإضاءة النسبية 0.012؛ OKLCH L 23.6% C 0.059 H 325.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2C132D |
|---|---|
| RGB | rgb(44, 19, 45) |
| HSL | hsl(298, 41%, 13%) |
| HSV | hsv(298, 58%, 18%) |
| CMYK | cmyk(2.2%, 57.8%, 0%, 82.4%) |
| CIE-LAB | lab(10.49, 17.73, -12.07) |
| CIE-LCH | lch(10.49, 21.45, 325.76°) |
| OKLab | oklab(23.57% 0.0488 -0.0331) |
| OKLCH | oklch(23.57% 0.059 325.8) |
| XYZ | xyz(1.7452, 1.1908, 2.6200) |
| Luminance | 0.0119 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Eggplant
#380835
ΔE00 5.84
Aubergine
#3D0734
ΔE00 6.53
Very Dark Purple
#2A0134
ΔE00 7.32
Dark Purple
#35063E
ΔE00 7.67
Dark Plum
#3F012C
ΔE00 7.84
Midnight Purple
#280137
ΔE00 8.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2C132D #142D13
analogous
#1F132D #2C132D #2D1321
triadic
#2C132D #2D2C13 #132D2C
tetradic
#2C132D #2D1F13 #142D13 #13212D
square
#2C132D #2D1F13 #142D13 #13212D
split-complementary
#2C132D #212D13 #132D1F
monochromatic
#150916 #150916 #2C132D #562558 #803783
إمكانية الوصول والتباين
On white
16.96
#2C132D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.24
#2C132D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2C132D
16.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2C132D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2C132D | 1.00 | 16.96 | 1.24 | 16.96 |
| #FFFFFF | 16.96 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.96 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#101A2E
Deuteranopia (green-blind)
#181E2C
Tritanopia (blue-blind)
#2D161D
Achromatopsia (no color)
#1C1C1C
وسوم التصميم والكود
CSS
--color: #2c132d; /* rgb */ color: rgb(44, 19, 45); /* oklch */ color: oklch(23.6% 0.059 325.8);
Tailwind
colors: {
custom: {
50: '#665166',
500: '#2c132d',
950: '#000000',
},
}SCSS
$custom: #2c132d; $custom-light: #665166; $custom-dark: #000000;
JSON
{
"hex": "#2c132d",
"rgb": {
"r": 44,
"g": 19,
"b": 45
},
"hsl": {
"h": 297.692,
"s": 40.625,
"l": 12.549
},
"oklch": {
"l": 0.23566,
"c": 0.05898,
"h": 325.8
},
"luminance": 0.01191
}Semantic roles & 50–950 ramp
primary
#2C132D
secondary
#396438
accent
#D0575C
background
#F6F4F6
surface
#EBE7EB
border
#C6C3C6
text
#060205
muted
#7A787A