#3D244A#3D244A
#3D244A لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.027؛ OKLCH L 31.0% C 0.072 H 313.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.55:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3D244A |
|---|---|
| RGB | rgb(61, 36, 74) |
| HSL | hsl(279, 35%, 22%) |
| HSV | hsv(279, 51%, 29%) |
| CMYK | cmyk(17.6%, 51.4%, 0%, 71%) |
| CIE-LAB | lab(19.01, 19.95, -19.03) |
| CIE-LCH | lch(19.01, 27.57, 316.36°) |
| OKLab | oklab(31% 0.0496 -0.0529) |
| OKLCH | oklch(31% 0.072 313.2) |
| XYZ | xyz(3.7912, 2.7483, 6.8080) |
| Luminance | 0.0275 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Dark Purple
#35063E
ΔE00 7.50
Eggplant
#380835
ΔE00 7.57
Eggplant Purple
#430541
ΔE00 8.00
Deep Violet
#490648
ΔE00 8.17
Aubergine
#3D0734
ΔE00 8.31
Deep Purple
#36013F
ΔE00 8.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3D244A #314A24
analogous
#2A244A #3D244A #4A2444
triadic
#3D244A #4A3D24 #244A3D
tetradic
#3D244A #4A2A24 #314A24 #24444A
square
#3D244A #4A2A24 #314A24 #24444A
split-complementary
#3D244A #444A24 #244A2A
monochromatic
#110A15 #1B1021 #3D244A #5F3873 #814C9C
إمكانية الوصول والتباين
On white
13.55
#3D244A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.55
#3D244A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3D244A
13.55:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3D244A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3D244A | 1.00 | 13.55 | 1.55 | 13.55 |
| #FFFFFF | 13.55 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.55 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.55 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1C2D4B
Deuteranopia (green-blind)
#232F49
Tritanopia (blue-blind)
#3C2A33
Achromatopsia (no color)
#2E2E2E
وسوم التصميم والكود
CSS
--color: #3d244a; /* rgb */ color: rgb(61, 36, 74); /* oklch */ color: oklch(31.0% 0.072 313.2);
Tailwind
colors: {
custom: {
50: '#735f7c',
500: '#3d244a',
950: '#000000',
},
}SCSS
$custom: #3d244a; $custom-light: #735f7c; $custom-dark: #000000;
JSON
{
"hex": "#3d244a",
"rgb": {
"r": 61,
"g": 36,
"b": 74
},
"hsl": {
"h": 279.474,
"s": 34.545,
"l": 21.569
},
"oklch": {
"l": 0.30997,
"c": 0.07246,
"h": 313.2
},
"luminance": 0.02748
}Semantic roles & 50–950 ramp
primary
#3D244A
secondary
#5D7D4D
accent
#CB5D83
background
#F7F5F7
surface
#EDE9EE
border
#C8C5C9
text
#080409
muted
#7B797B