#0F111B#0F111B
#0F111B لون داكن جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.006؛ OKLCH L 18.1% C 0.021 H 275.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 18.81:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #0F111B |
|---|---|
| RGB | rgb(15, 17, 27) |
| HSL | hsl(230, 29%, 8%) |
| HSV | hsv(230, 44%, 11%) |
| CMYK | cmyk(44.4%, 37%, 0%, 89.4%) |
| CIE-LAB | lab(5.25, 1.74, -6.82) |
| CIE-LCH | lch(5.25, 7.04, 284.29°) |
| OKLab | oklab(18.06% 0.002 -0.0208) |
| OKLCH | oklch(18.06% 0.021 275.4) |
| XYZ | xyz(0.5952, 0.5816, 1.1176) |
| Luminance | 0.0058 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dark
#1B2431
ΔE00 6.33
Black
#000000
ΔE00 6.99
Almost Black
#070D0D
ΔE00 7.10
Gunmetal
#2A3439
ΔE00 12.04
Navy Blue
#1B2A4A
ΔE00 12.15
Dark Navy Blue
#00022E
ΔE00 12.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#0F111B #1B190F
analogous
#0F171B #0F111B #130F1B
triadic
#0F111B #1B0F11 #111B0F
tetradic
#0F111B #1B0F17 #1B190F #0F1B13
square
#0F111B #1B0F17 #1B190F #0F1B13
split-complementary
#0F111B #1B130F #171B0F
monochromatic
#0B0C14 #0B0C14 #0F111B #252A42 #3B436A
إمكانية الوصول والتباين
On white
18.81
#0F111B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.12
#0F111B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #0F111B
18.81:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##0F111B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##0F111B | 1.00 | 18.81 | 1.12 | 18.81 |
| #FFFFFF | 18.81 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.12 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.81 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0E121B
Deuteranopia (green-blind)
#0D111B
Tritanopia (blue-blind)
#0C1314
Achromatopsia (no color)
#111111
وسوم التصميم والكود
CSS
--color: #0f111b; /* rgb */ color: rgb(15, 17, 27); /* oklch */ color: oklch(18.1% 0.021 275.4);
Tailwind
colors: {
custom: {
50: '#4d4f57',
500: '#0f111b',
950: '#000000',
},
}SCSS
$custom: #0f111b; $custom-light: #4d4f57; $custom-dark: #000000;
JSON
{
"hex": "#0f111b",
"rgb": {
"r": 15,
"g": 17,
"b": 27
},
"hsl": {
"h": 230,
"s": 28.571,
"l": 8.235
},
"oklch": {
"l": 0.18064,
"c": 0.02085,
"h": 275.4
},
"luminance": 0.00582
}Semantic roles & 50–950 ramp
primary
#0F111B
secondary
#504C36
accent
#B563C5
background
#F4F4F5
surface
#E7E7E9
border
#C3C3C5
text
#010103
muted
#777778