#324964#324964
#324964 لون داكن وخافت من عائلة سماوي. الإضاءة النسبية 0.064؛ OKLCH L 39.9% C 0.054 H 253.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.24:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #324964 |
|---|---|
| RGB | rgb(50, 73, 100) |
| HSL | hsl(212, 33%, 29%) |
| HSV | hsv(212, 50%, 39%) |
| CMYK | cmyk(50%, 27%, 0%, 60.8%) |
| CIE-LAB | lab(30.31, -0.56, -18.55) |
| CIE-LCH | lch(30.31, 18.56, 268.29°) |
| OKLab | oklab(39.87% -0.0158 -0.0518) |
| OKLCH | oklch(39.87% 0.054 253) |
| XYZ | xyz(5.9974, 6.3629, 12.9663) |
| Luminance | 0.0636 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Dark Grey Blue
#29465B
ΔE00 4.30
Dark Slate Blue
#214761
ΔE00 4.36
Prussian Blue
#004577
ΔE00 6.20
Twilight Blue
#0A437A
ΔE00 6.22
Light Navy
#155084
ΔE00 6.65
Cobalt (survey)
#1E488F
ΔE00 6.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#324964 #644D32
analogous
#326264 #324964 #343264
triadic
#324964 #643249 #496432
tetradic
#324964 #643262 #644D32 #326434
square
#324964 #643262 #644D32 #326434
split-complementary
#324964 #643432 #626432
monochromatic
#0A0F14 #1E2B3B #324964 #46678D #6185B0
إمكانية الوصول والتباين
On white
9.24
#324964 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.27
#324964 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #324964
9.24:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##324964 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##324964 | 1.00 | 9.24 | 2.27 | 9.24 |
| #FFFFFF | 9.24 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.27 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.24 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3E4A65
Deuteranopia (green-blind)
#384563
Tritanopia (blue-blind)
#1D4F52
Achromatopsia (no color)
#474747
وسوم التصميم والكود
CSS
--color: #324964; /* rgb */ color: rgb(50, 73, 100); /* oklch */ color: oklch(39.9% 0.054 253.0);
Tailwind
colors: {
custom: {
50: '#6d7b90',
500: '#324964',
950: '#000000',
},
}SCSS
$custom: #324964; $custom-light: #6d7b90; $custom-dark: #000000;
JSON
{
"hex": "#324964",
"rgb": {
"r": 50,
"g": 73,
"b": 100
},
"hsl": {
"h": 212.4,
"s": 33.333,
"l": 29.412
},
"oklch": {
"l": 0.39874,
"c": 0.05414,
"h": 253
},
"luminance": 0.06363
}Semantic roles & 50–950 ramp
primary
#324964
secondary
#957B5D
accent
#985EC9
background
#F6F7F8
surface
#ECEDF0
border
#C7C8CB
text
#07090C
muted
#7A7B7D