#2D0F68#2D0F68
#2D0F68 لون داكن وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.019؛ OKLCH L 28.4% C 0.140 H 289.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2D0F68 |
|---|---|
| RGB | rgb(45, 15, 104) |
| HSL | hsl(260, 75%, 23%) |
| HSV | hsv(260, 86%, 41%) |
| CMYK | cmyk(56.7%, 85.6%, 0%, 59.2%) |
| CIE-LAB | lab(14.95, 36.84, -45.78) |
| CIE-LCH | lch(14.95, 58.77, 308.82°) |
| OKLab | oklab(28.37% 0.0465 -0.1317) |
| OKLCH | oklch(28.37% 0.14 289.5) |
| XYZ | xyz(3.7510, 1.8988, 13.2629) |
| Luminance | 0.0190 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Dark Indigo
#1F0954
ΔE00 3.78
Midnight Blue
#191970
ΔE00 4.27
Darkblue (survey)
#030764
ΔE00 4.64
Indigo (survey)
#380282
ΔE00 4.68
Dark Royal Blue
#02066F
ΔE00 4.74
Deep Blue
#040273
ΔE00 5.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2D0F68 #4A680F
analogous
#0F1D68 #2D0F68 #590F68
triadic
#2D0F68 #682D0F #0F682D
tetradic
#2D0F68 #680F1D #4A680F #0F6859
square
#2D0F68 #680F1D #4A680F #0F6859
split-complementary
#2D0F68 #68590F #1D680F
monochromatic
#0C041B #160733 #2D0F68 #44179D #5B1ED3
إمكانية الوصول والتباين
On white
15.22
#2D0F68 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.38
#2D0F68 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2D0F68
15.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2D0F68 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2D0F68 | 1.00 | 15.22 | 1.38 | 15.22 |
| #FFFFFF | 15.22 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.38 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.22 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#00276A
Deuteranopia (green-blind)
#002366
Tritanopia (blue-blind)
#162A3C
Achromatopsia (no color)
#262626
وسوم التصميم والكود
CSS
--color: #2d0f68; /* rgb */ color: rgb(45, 15, 104); /* oklch */ color: oklch(28.4% 0.140 289.5);
Tailwind
colors: {
custom: {
50: '#6e5294',
500: '#2d0f68',
950: '#000000',
},
}SCSS
$custom: #2d0f68; $custom-light: #6e5294; $custom-dark: #000000;
JSON
{
"hex": "#2d0f68",
"rgb": {
"r": 45,
"g": 15,
"b": 104
},
"hsl": {
"h": 260.225,
"s": 74.79,
"l": 23.333
},
"oklch": {
"l": 0.28366,
"c": 0.13968,
"h": 289.5
},
"luminance": 0.01899
}Semantic roles & 50–950 ramp
primary
#2D0F68
secondary
#7BA132
accent
#F136B2
background
#F7F4F9
surface
#EDE7F1
border
#C8C3CB
text
#08020D
muted
#7B787E