#040314#040314
#040314 لون داكن جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.001؛ OKLCH L 11.6% C 0.042 H 281.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 20.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #040314 |
|---|---|
| RGB | rgb(4, 3, 20) |
| HSL | hsl(244, 74%, 5%) |
| HSV | hsv(244, 85%, 8%) |
| CMYK | cmyk(80%, 85%, 0%, 92.2%) |
| CIE-LAB | lab(1.28, 3.05, -7.50) |
| CIE-LCH | lch(1.28, 8.09, 292.15°) |
| OKLab | oklab(11.59% 0.0087 -0.0412) |
| OKLCH | oklch(11.59% 0.042 281.9) |
| XYZ | xyz(0.2089, 0.1414, 0.6780) |
| Luminance | 0.0014 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Black
#000000
ΔE00 7.37
Almost Black
#070D0D
ΔE00 8.51
Dark
#1B2431
ΔE00 9.02
Midnight
#03012D
ΔE00 11.63
Dark Navy Blue
#00022E
ΔE00 11.68
Very Dark Brown
#1D0200
ΔE00 12.01
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#040314 #131403
analogous
#030B14 #040314 #0D0314
triadic
#040314 #140403 #031404
tetradic
#040314 #14030B #131403 #03140D
square
#040314 #14030B #131403 #03140D
split-complementary
#040314 #140D03 #0B1403
monochromatic
#05041B #05041B #05041B #0F0B49 #19137E
إمكانية الوصول والتباين
On white
20.42
#040314 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.03
#040314 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #040314
20.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##040314 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##040314 | 1.00 | 20.42 | 1.03 | 20.42 |
| #FFFFFF | 20.42 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.03 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 20.42 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#000515
Deuteranopia (green-blind)
#000414
Tritanopia (blue-blind)
#010609
Achromatopsia (no color)
#050505
وسوم التصميم والكود
CSS
--color: #040314; /* rgb */ color: rgb(4, 3, 20); /* oklch */ color: oklch(11.6% 0.042 281.9);
Tailwind
colors: {
custom: {
50: '#484851',
500: '#040314',
950: '#000000',
},
}SCSS
$custom: #040314; $custom-light: #484851; $custom-dark: #000000;
JSON
{
"hex": "#040314",
"rgb": {
"r": 4,
"g": 3,
"b": 20
},
"hsl": {
"h": 243.529,
"s": 73.913,
"l": 4.51
},
"oklch": {
"l": 0.11593,
"c": 0.04208,
"h": 281.9
},
"luminance": 0.00141
}Semantic roles & 50–950 ramp
primary
#040314
secondary
#54571C
accent
#F137E6
background
#F4F4F4
surface
#E6E6E7
border
#C2C2C3
text
#000002
muted
#777778