#070331#070331
#070331 لون داكن جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.003؛ OKLCH L 15.9% C 0.087 H 275.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 19.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #070331 |
|---|---|
| RGB | rgb(7, 3, 49) |
| HSL | hsl(245, 88%, 10%) |
| HSV | hsv(245, 94%, 19%) |
| CMYK | cmyk(85.7%, 93.9%, 0%, 80.8%) |
| CIE-LAB | lab(3.00, 14.70, -27.20) |
| CIE-LCH | lch(3.00, 30.92, 298.39°) |
| OKLab | oklab(15.88% 0.0084 -0.0871) |
| OKLCH | oklch(15.88% 0.087 275.5) |
| XYZ | xyz(0.6744, 0.3320, 2.9337) |
| Luminance | 0.0033 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Midnight
#03012D
ΔE00 1.37
Very Dark Blue
#000133
ΔE00 1.61
Dark Navy
#000435
ΔE00 1.77
Midnight Blue (survey)
#020035
ΔE00 1.81
Dark Navy Blue
#00022E
ΔE00 1.91
Navy (survey)
#01153E
ΔE00 4.45
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#070331 #2D3103
analogous
#031631 #070331 #1E0331
triadic
#070331 #310703 #033107
tetradic
#070331 #310316 #2D3103 #03311E
square
#070331 #310316 #2D3103 #03311E
split-complementary
#070331 #311E03 #163103
monochromatic
#04021D #04021D #070331 #0F076B #170AA4
إمكانية الوصول والتباين
On white
19.69
#070331 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.07
#070331 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #070331
19.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##070331 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##070331 | 1.00 | 19.69 | 1.07 | 19.69 |
| #FFFFFF | 19.69 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.07 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.69 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#000D32
Deuteranopia (green-blind)
#000930
Tritanopia (blue-blind)
#001019
Achromatopsia (no color)
#0B0B0B
وسوم التصميم والكود
CSS
--color: #070331; /* rgb */ color: rgb(7, 3, 49); /* oklch */ color: oklch(15.9% 0.087 275.5);
Tailwind
colors: {
custom: {
50: '#4c4769',
500: '#070331',
950: '#000000',
},
}SCSS
$custom: #070331; $custom-light: #4c4769; $custom-dark: #000000;
JSON
{
"hex": "#070331",
"rgb": {
"r": 7,
"g": 3,
"b": 49
},
"hsl": {
"h": 245.217,
"s": 88.462,
"l": 10.196
},
"oklch": {
"l": 0.1588,
"c": 0.08747,
"h": 275.5
},
"luminance": 0.00332
}Semantic roles & 50–950 ramp
primary
#070331
secondary
#6D741B
accent
#FF29EC
background
#F4F4F6
surface
#E7E6EB
border
#C3C2C6
text
#010006
muted
#77777A