#010A0A#010A0A
#010A0A لون داكن جداً ومحايد تقريباً من عائلة أزرق مخضرّ. الإضاءة النسبية 0.002؛ OKLCH L 13.3% C 0.020 H 195.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 20.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #010A0A |
|---|---|
| RGB | rgb(1, 10, 10) |
| HSL | hsl(180, 82%, 2%) |
| HSV | hsv(180, 90%, 4%) |
| CMYK | cmyk(90%, 0%, 0%, 96.1%) |
| CIE-LAB | lab(2.22, -2.35, -0.83) |
| CIE-LCH | lch(2.22, 2.50, 199.42°) |
| OKLab | oklab(13.26% -0.0188 -0.0051) |
| OKLCH | oklch(13.26% 0.02 195.1) |
| XYZ | xyz(0.1758, 0.2454, 0.3252) |
| Luminance | 0.0024 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Almost Black
#070D0D
ΔE00 1.15
Black
#000000
ΔE00 3.59
Dark
#1B2431
ΔE00 10.79
Gunmetal
#2A3439
ΔE00 12.39
Charcoal (survey)
#343837
ΔE00 13.47
Dark Grey
#363737
ΔE00 13.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#010A0A #0A0101
analogous
#010A06 #010A0A #01060A
triadic
#010A0A #0A010A #0A0A01
tetradic
#010A0A #06010A #0A0101 #060A01
square
#010A0A #06010A #0A0101 #060A01
split-complementary
#010A0A #0A0106 #0A0601
monochromatic
#031C1C #031C1C #031C1C #074242 #0C7979
إمكانية الوصول والتباين
On white
20.02
#010A0A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.05
#010A0A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #010A0A
20.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##010A0A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##010A0A | 1.00 | 20.02 | 1.05 | 20.02 |
| #FFFFFF | 20.02 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.05 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 20.02 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#09090A
Deuteranopia (green-blind)
#07070A
Tritanopia (blue-blind)
#000B0A
Achromatopsia (no color)
#080808
وسوم التصميم والكود
CSS
--color: #010a0a; /* rgb */ color: rgb(1, 10, 10); /* oklch */ color: oklch(13.3% 0.020 195.1);
Tailwind
colors: {
custom: {
50: '#474b4b',
500: '#010a0a',
950: '#000000',
},
}SCSS
$custom: #010a0a; $custom-light: #474b4b; $custom-dark: #000000;
JSON
{
"hex": "#010a0a",
"rgb": {
"r": 1,
"g": 10,
"b": 10
},
"hsl": {
"h": 180,
"s": 81.818,
"l": 2.157
},
"oklch": {
"l": 0.13262,
"c": 0.01951,
"h": 195.1
},
"luminance": 0.00245
}Semantic roles & 50–950 ramp
primary
#010A0A
secondary
#511616
accent
#3030F8
background
#F3F4F4
surface
#E5E7E7
border
#C1C3C3
text
#000101
muted
#777777