#363D4E#363D4E
#363D4E لون داكن وخافت من عائلة أزرق. الإضاءة النسبية 0.047؛ OKLCH L 36.1% C 0.031 H 267.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #363D4E |
|---|---|
| RGB | rgb(54, 61, 78) |
| HSL | hsl(223, 18%, 26%) |
| HSV | hsv(223, 31%, 31%) |
| CMYK | cmyk(30.8%, 21.8%, 0%, 69.4%) |
| CIE-LAB | lab(25.78, 1.67, -11.27) |
| CIE-LCH | lch(25.78, 11.39, 278.42°) |
| OKLab | oklab(36.07% -0.0014 -0.031) |
| OKLCH | oklch(36.07% 0.031 267.4) |
| XYZ | xyz(4.5648, 4.6717, 7.8675) |
| Luminance | 0.0467 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Charcoal
#36454F
ΔE00 7.01
Dark Grey Blue
#29465B
ΔE00 7.92
Dark Blue Grey
#1F3B4D
ΔE00 7.94
Gunmetal
#2A3439
ΔE00 8.44
Dark
#1B2431
ΔE00 8.47
Navy Blue
#1B2A4A
ΔE00 8.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#363D4E #4E4736
analogous
#36494E #363D4E #3B364E
triadic
#363D4E #4E363D #3D4E36
tetradic
#363D4E #4E3649 #4E4736 #364E3B
square
#363D4E #4E3649 #4E4736 #364E3B
split-complementary
#363D4E #4E3B36 #494E36
monochromatic
#0D0E12 #1D212A #363D4E #4F5972 #687696
إمكانية الوصول والتباين
On white
10.86
#363D4E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.93
#363D4E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #363D4E
10.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##363D4E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##363D4E | 1.00 | 10.86 | 1.93 | 10.86 |
| #FFFFFF | 10.86 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.93 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.86 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#383E4F
Deuteranopia (green-blind)
#363C4E
Tritanopia (blue-blind)
#304043
Achromatopsia (no color)
#3D3D3D
وسوم التصميم والكود
CSS
--color: #363d4e; /* rgb */ color: rgb(54, 61, 78); /* oklch */ color: oklch(36.1% 0.031 267.4);
Tailwind
colors: {
custom: {
50: '#6d727f',
500: '#363d4e',
950: '#000000',
},
}SCSS
$custom: #363d4e; $custom-light: #6d727f; $custom-dark: #000000;
JSON
{
"hex": "#363d4e",
"rgb": {
"r": 54,
"g": 61,
"b": 78
},
"hsl": {
"h": 222.5,
"s": 18.182,
"l": 25.882
},
"oklch": {
"l": 0.3607,
"c": 0.031,
"h": 267.4
},
"luminance": 0.04672
}Semantic roles & 50–950 ramp
primary
#363D4E
secondary
#7E7662
accent
#A46DBB
background
#F6F6F7
surface
#EBECEE
border
#C6C7C9
text
#07080A
muted
#7A7B7C