#090A22#090A22
#090A22 لون داكن جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.004؛ OKLCH L 16.1% C 0.049 H 277.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 19.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #090A22 |
|---|---|
| RGB | rgb(9, 10, 34) |
| HSL | hsl(238, 58%, 8%) |
| HSV | hsv(238, 74%, 13%) |
| CMYK | cmyk(73.5%, 70.6%, 0%, 86.7%) |
| CIE-LAB | lab(3.53, 5.68, -14.92) |
| CIE-LCH | lch(3.53, 15.97, 290.82°) |
| OKLab | oklab(16.1% 0.0064 -0.0489) |
| OKLCH | oklch(16.1% 0.049 277.5) |
| XYZ | xyz(0.5098, 0.3906, 1.5616) |
| Luminance | 0.0039 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Midnight
#03012D
ΔE00 6.36
Dark Navy Blue
#00022E
ΔE00 6.40
Navy (survey)
#01153E
ΔE00 7.70
Very Dark Blue
#000133
ΔE00 7.98
Dark Navy
#000435
ΔE00 8.02
Midnight Blue (survey)
#020035
ΔE00 8.69
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#090A22 #222109
analogous
#091622 #090A22 #140922
triadic
#090A22 #22090A #0A2209
tetradic
#090A22 #220916 #222109 #092214
square
#090A22 #220916 #222109 #092214
split-complementary
#090A22 #221409 #162209
monochromatic
#060718 #060718 #090A22 #161852 #232683
إمكانية الوصول والتباين
On white
19.48
#090A22 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.08
#090A22 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #090A22
19.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##090A22 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##090A22 | 1.00 | 19.48 | 1.08 | 19.48 |
| #FFFFFF | 19.48 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.08 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.48 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#010E23
Deuteranopia (green-blind)
#000C21
Tritanopia (blue-blind)
#010F14
Achromatopsia (no color)
#0D0D0D
وسوم التصميم والكود
CSS
--color: #090a22; /* rgb */ color: rgb(9, 10, 34); /* oklch */ color: oklch(16.1% 0.049 277.5);
Tailwind
colors: {
custom: {
50: '#4a4b5d',
500: '#090a22',
950: '#000000',
},
}SCSS
$custom: #090a22; $custom-light: #4a4b5d; $custom-dark: #000000;
JSON
{
"hex": "#090a22",
"rgb": {
"r": 9,
"g": 10,
"b": 34
},
"hsl": {
"h": 237.6,
"s": 58.14,
"l": 8.431
},
"oklch": {
"l": 0.16095,
"c": 0.04934,
"h": 277.5
},
"luminance": 0.00391
}Semantic roles & 50–950 ramp
primary
#090A22
secondary
#5F5D28
accent
#DB46E1
background
#F4F4F5
surface
#E7E7E9
border
#C3C3C5
text
#010104
muted
#777779