#010D0A#010D0A
#010D0A لون داكن جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.003؛ OKLCH L 14.4% C 0.023 H 179.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 19.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #010D0A |
|---|---|
| RGB | rgb(1, 13, 10) |
| HSL | hsl(165, 86%, 3%) |
| HSV | hsv(165, 92%, 5%) |
| CMYK | cmyk(92.3%, 0%, 23.1%, 94.9%) |
| CIE-LAB | lab(2.86, -3.66, 0.10) |
| CIE-LCH | lch(2.86, 3.66, 178.37°) |
| OKLab | oklab(14.38% -0.0234 0.0004) |
| OKLCH | oklch(14.38% 0.023 179) |
| XYZ | xyz(0.2112, 0.3162, 0.3370) |
| Luminance | 0.0032 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Almost Black
#070D0D
ΔE00 2.67
Black
#000000
ΔE00 5.16
Dark
#1B2431
ΔE00 11.76
Gunmetal
#2A3439
ΔE00 12.38
Charcoal (survey)
#343837
ΔE00 13.24
Dark Grey
#363737
ΔE00 13.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#010D0A #0D0104
analogous
#010D04 #010D0A #010A0D
triadic
#010D0A #0A010D #0D0A01
tetradic
#010D0A #04010D #0D0104 #0A0D01
square
#010D0A #04010D #0D0104 #0A0D01
split-complementary
#010D0A #0D010A #0D0401
monochromatic
#021C16 #021C16 #021C16 #054636 #0A7F61
إمكانية الوصول والتباين
On white
19.75
#010D0A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.06
#010D0A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #010D0A
19.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##010D0A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##010D0A | 1.00 | 19.75 | 1.06 | 19.75 |
| #FFFFFF | 19.75 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.06 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.75 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0C0B0A
Deuteranopia (green-blind)
#090A0A
Tritanopia (blue-blind)
#000D0C
Achromatopsia (no color)
#0A0A0A
وسوم التصميم والكود
CSS
--color: #010d0a; /* rgb */ color: rgb(1, 13, 10); /* oklch */ color: oklch(14.4% 0.023 179.0);
Tailwind
colors: {
custom: {
50: '#474c4b',
500: '#010d0a',
950: '#000000',
},
}SCSS
$custom: #010d0a; $custom-light: #474c4b; $custom-dark: #000000;
JSON
{
"hex": "#010d0a",
"rgb": {
"r": 1,
"g": 13,
"b": 10
},
"hsl": {
"h": 165,
"s": 85.714,
"l": 2.745
},
"oklch": {
"l": 0.14383,
"c": 0.02345,
"h": 179
},
"luminance": 0.00316
}Semantic roles & 50–950 ramp
primary
#010D0A
secondary
#551525
accent
#2C60FC
background
#F3F4F4
surface
#E5E7E7
border
#C1C3C3
text
#000101
muted
#777777