#271A3F#271A3F
#271A3F لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.015؛ OKLCH L 25.5% C 0.068 H 297.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #271A3F |
|---|---|
| RGB | rgb(39, 26, 63) |
| HSL | hsl(261, 42%, 17%) |
| HSV | hsv(261, 59%, 25%) |
| CMYK | cmyk(38.1%, 58.7%, 0%, 75.3%) |
| CIE-LAB | lab(12.79, 16.27, -21.43) |
| CIE-LCH | lch(12.79, 26.91, 307.21°) |
| OKLab | oklab(25.49% 0.0316 -0.0605) |
| OKLCH | oklch(25.49% 0.068 297.6) |
| XYZ | xyz(2.1031, 1.5290, 4.8860) |
| Luminance | 0.0153 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Midnight Purple
#280137
ΔE00 7.61
Dark Purple
#35063E
ΔE00 7.82
Very Dark Purple
#2A0134
ΔE00 7.85
Navy (survey)
#01153E
ΔE00 8.06
Midnight
#03012D
ΔE00 8.19
Navy Blue (survey)
#001146
ΔE00 8.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#271A3F #323F1A
analogous
#1A203F #271A3F #3A1A3F
triadic
#271A3F #3F271A #1A3F27
tetradic
#271A3F #3F1A20 #323F1A #1A3F3A
square
#271A3F #3F1A20 #323F1A #1A3F3A
split-complementary
#271A3F #3F3A1A #203F1A
monochromatic
#0D0916 #0D0916 #271A3F #422C6A #5D3E96
إمكانية الوصول والتباين
On white
16.08
#271A3F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.31
#271A3F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #271A3F
16.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##271A3F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##271A3F | 1.00 | 16.08 | 1.31 | 16.08 |
| #FFFFFF | 16.08 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.08 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0C2140
Deuteranopia (green-blind)
#10213E
Tritanopia (blue-blind)
#222129
Achromatopsia (no color)
#212121
وسوم التصميم والكود
CSS
--color: #271a3f; /* rgb */ color: rgb(39, 26, 63); /* oklch */ color: oklch(25.5% 0.068 297.6);
Tailwind
colors: {
custom: {
50: '#635674',
500: '#271a3f',
950: '#000000',
},
}SCSS
$custom: #271a3f; $custom-light: #635674; $custom-dark: #000000;
JSON
{
"hex": "#271a3f",
"rgb": {
"r": 39,
"g": 26,
"b": 63
},
"hsl": {
"h": 261.081,
"s": 41.573,
"l": 17.451
},
"oklch": {
"l": 0.25492,
"c": 0.06826,
"h": 297.6
},
"luminance": 0.01529
}Semantic roles & 50–950 ramp
primary
#271A3F
secondary
#627540
accent
#D156A6
background
#F5F5F7
surface
#EAE9ED
border
#C6C5C8
text
#050308
muted
#79787B