#213964#213964
#213964 لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.042؛ OKLCH L 34.9% C 0.081 H 261.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #213964 |
|---|---|
| RGB | rgb(33, 57, 100) |
| HSL | hsl(219, 50%, 26%) |
| HSV | hsv(219, 67%, 39%) |
| CMYK | cmyk(67%, 43%, 0%, 60.8%) |
| CIE-LAB | lab(24.22, 6.02, -28.18) |
| CIE-LCH | lch(24.22, 28.82, 282.05°) |
| OKLab | oklab(34.86% -0.0124 -0.0802) |
| OKLCH | oklch(34.86% 0.081 261.2) |
| XYZ | xyz(4.3898, 4.1693, 12.6275) |
| Luminance | 0.0417 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Marine Blue
#01386A
ΔE00 3.61
Marine
#042E60
ΔE00 3.91
Twilight Blue
#0A437A
ΔE00 5.53
Darkish Blue
#014182
ΔE00 5.68
Navy Blue
#1B2A4A
ΔE00 5.80
Prussian Blue
#004577
ΔE00 6.68
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#213964 #644C21
analogous
#215A64 #213964 #2A2164
triadic
#213964 #642139 #396421
tetradic
#213964 #64215A #644C21 #21642A
square
#213964 #64215A #644C21 #21642A
split-complementary
#213964 #642A21 #5A6421
monochromatic
#080D17 #121F36 #213964 #305392 #406EC0
إمكانية الوصول والتباين
On white
11.45
#213964 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.83
#213964 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #213964
11.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##213964 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##213964 | 1.00 | 11.45 | 1.83 | 11.45 |
| #FFFFFF | 11.45 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.83 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.45 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#263D66
Deuteranopia (green-blind)
#1C3763
Tritanopia (blue-blind)
#004349
Achromatopsia (no color)
#3A3A3A
وسوم التصميم والكود
CSS
--color: #213964; /* rgb */ color: rgb(33, 57, 100); /* oklch */ color: oklch(34.9% 0.081 261.2);
Tailwind
colors: {
custom: {
50: '#646f90',
500: '#213964',
950: '#000000',
},
}SCSS
$custom: #213964; $custom-light: #646f90; $custom-dark: #000000;
JSON
{
"hex": "#213964",
"rgb": {
"r": 33,
"g": 57,
"b": 100
},
"hsl": {
"h": 218.507,
"s": 50.376,
"l": 26.078
},
"oklch": {
"l": 0.34862,
"c": 0.08116,
"h": 261.2
},
"luminance": 0.0417
}Semantic roles & 50–950 ramp
primary
#213964
secondary
#987C49
accent
#A84EDA
background
#F6F6F8
surface
#EBECF0
border
#C6C7CB
text
#06070C
muted
#7A7A7D