#313C4F#313C4F
#313C4F لون داكن وخافت من عائلة أزرق. الإضاءة النسبية 0.044؛ OKLCH L 35.5% C 0.036 H 261.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #313C4F |
|---|---|
| RGB | rgb(49, 60, 79) |
| HSL | hsl(218, 23%, 25%) |
| HSV | hsv(218, 38%, 31%) |
| CMYK | cmyk(38%, 24.1%, 0%, 69%) |
| CIE-LAB | lab(25.10, 0.90, -13.00) |
| CIE-LCH | lch(25.10, 13.03, 273.95°) |
| OKLab | oklab(35.46% -0.0056 -0.0359) |
| OKLCH | oklch(35.46% 0.036 261.2) |
| XYZ | xyz(4.2933, 4.4490, 8.0281) |
| Luminance | 0.0445 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dark Blue Grey
#1F3B4D
ΔE00 6.52
Dark Grey Blue
#29465B
ΔE00 6.64
Charcoal
#36454F
ΔE00 6.74
Navy Blue
#1B2A4A
ΔE00 7.80
Dark Slate Blue
#214761
ΔE00 7.81
Dark
#1B2431
ΔE00 8.02
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#313C4F #4F4431
analogous
#314B4F #313C4F #35314F
triadic
#313C4F #4F313C #3C4F31
tetradic
#313C4F #4F314B #4F4431 #314F35
square
#313C4F #4F314B #4F4431 #314F35
split-complementary
#313C4F #4F3531 #4B4F31
monochromatic
#0C0E13 #1A1F29 #313C4F #485975 #60759B
إمكانية الوصول والتباين
On white
11.11
#313C4F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.89
#313C4F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #313C4F
11.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##313C4F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##313C4F | 1.00 | 11.11 | 1.89 | 11.11 |
| #FFFFFF | 11.11 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.89 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.11 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#353D50
Deuteranopia (green-blind)
#323A4F
Tritanopia (blue-blind)
#284042
Achromatopsia (no color)
#3C3C3C
وسوم التصميم والكود
CSS
--color: #313c4f; /* rgb */ color: rgb(49, 60, 79); /* oklch */ color: oklch(35.5% 0.036 261.2);
Tailwind
colors: {
custom: {
50: '#6a7180',
500: '#313c4f',
950: '#000000',
},
}SCSS
$custom: #313c4f; $custom-light: #6a7180; $custom-dark: #000000;
JSON
{
"hex": "#313c4f",
"rgb": {
"r": 49,
"g": 60,
"b": 79
},
"hsl": {
"h": 218,
"s": 23.438,
"l": 25.098
},
"oklch": {
"l": 0.35455,
"c": 0.03636,
"h": 261.2
},
"luminance": 0.04449
}Semantic roles & 50–950 ramp
primary
#313C4F
secondary
#80735C
accent
#A068C0
background
#F6F6F7
surface
#EBECEE
border
#C6C7C9
text
#06070A
muted
#7A7A7C