#02070F#02070F
#02070F لون داكن جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.002؛ OKLCH L 12.6% C 0.023 H 249.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 20.20:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #02070F |
|---|---|
| RGB | rgb(2, 7, 15) |
| HSL | hsl(217, 76%, 3%) |
| HSV | hsv(217, 87%, 6%) |
| CMYK | cmyk(86.7%, 53.3%, 0%, 94.1%) |
| CIE-LAB | lab(1.80, -0.09, -3.77) |
| CIE-LCH | lch(1.80, 3.77, 268.61°) |
| OKLab | oklab(12.56% -0.0079 -0.0215) |
| OKLCH | oklch(12.56% 0.023 249.8) |
| XYZ | xyz(0.1872, 0.1993, 0.4805) |
| Luminance | 0.0020 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Black
#000000
ΔE00 3.63
Almost Black
#070D0D
ΔE00 3.75
Dark
#1B2431
ΔE00 8.77
Gunmetal
#2A3439
ΔE00 12.72
Very Dark Brown
#1D0200
ΔE00 13.37
Dark Grey
#363737
ΔE00 13.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#02070F #0F0A02
analogous
#020D0F #02070F #03020F
triadic
#02070F #0F0207 #070F02
tetradic
#02070F #0F020D #0F0A02 #020F03
square
#02070F #0F020D #0F0A02 #020F03
split-complementary
#02070F #0F0302 #0D0F02
monochromatic
#040D1B #040D1B #040D1B #092045 #10397B
إمكانية الوصول والتباين
On white
20.20
#02070F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.04
#02070F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #02070F
20.20:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##02070F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##02070F | 1.00 | 20.20 | 1.04 | 20.20 |
| #FFFFFF | 20.20 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.04 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 20.20 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#04070F
Deuteranopia (green-blind)
#03060F
Tritanopia (blue-blind)
#00090A
Achromatopsia (no color)
#070707
وسوم التصميم والكود
CSS
--color: #02070f; /* rgb */ color: rgb(2, 7, 15); /* oklch */ color: oklch(12.6% 0.023 249.8);
Tailwind
colors: {
custom: {
50: '#474a4e',
500: '#02070f',
950: '#000000',
},
}SCSS
$custom: #02070f; $custom-light: #474a4e; $custom-dark: #000000;
JSON
{
"hex": "#02070f",
"rgb": {
"r": 2,
"g": 7,
"b": 15
},
"hsl": {
"h": 216.923,
"s": 76.471,
"l": 3.333
},
"oklch": {
"l": 0.1256,
"c": 0.02295,
"h": 249.8
},
"luminance": 0.00199
}Semantic roles & 50–950 ramp
primary
#02070F
secondary
#543D19
accent
#AA35F3
background
#F4F4F4
surface
#E6E7E7
border
#C2C3C3
text
#000101
muted
#777777