#030D17#030D17
#030D17 لون داكن جداً وخافت من عائلة سماوي. الإضاءة النسبية 0.004؛ OKLCH L 15.4% C 0.028 H 245.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 19.56:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #030D17 |
|---|---|
| RGB | rgb(3, 13, 23) |
| HSL | hsl(210, 77%, 5%) |
| HSV | hsv(210, 87%, 9%) |
| CMYK | cmyk(87%, 43.5%, 0%, 91%) |
| CIE-LAB | lab(3.33, -0.60, -6.61) |
| CIE-LCH | lch(3.33, 6.64, 264.82°) |
| OKLab | oklab(15.39% -0.0117 -0.0253) |
| OKLCH | oklch(15.39% 0.028 245.3) |
| XYZ | xyz(0.3361, 0.3690, 0.8640) |
| Luminance | 0.0037 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Almost Black
#070D0D
ΔE00 5.43
Black
#000000
ΔE00 6.12
Dark
#1B2431
ΔE00 7.03
Gunmetal
#2A3439
ΔE00 11.81
Dark Navy Blue
#00022E
ΔE00 13.42
Navy (survey)
#01153E
ΔE00 13.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#030D17 #170D03
analogous
#031717 #030D17 #030317
triadic
#030D17 #17030D #0D1703
tetradic
#030D17 #170317 #170D03 #031703
square
#030D17 #170317 #170D03 #031703
split-complementary
#030D17 #170303 #171703
monochromatic
#040F1B #040F1B #040F1B #0A2C4D #114A83
إمكانية الوصول والتباين
On white
19.56
#030D17 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.07
#030D17 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #030D17
19.56:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##030D17 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##030D17 | 1.00 | 19.56 | 1.07 | 19.56 |
| #FFFFFF | 19.56 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.07 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.56 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#090D17
Deuteranopia (green-blind)
#060B17
Tritanopia (blue-blind)
#000F10
Achromatopsia (no color)
#0C0C0C
وسوم التصميم والكود
CSS
--color: #030d17; /* rgb */ color: rgb(3, 13, 23); /* oklch */ color: oklch(15.4% 0.028 245.3);
Tailwind
colors: {
custom: {
50: '#484d53',
500: '#030d17',
950: '#000000',
},
}SCSS
$custom: #030d17; $custom-light: #484d53; $custom-dark: #000000;
JSON
{
"hex": "#030d17",
"rgb": {
"r": 3,
"g": 13,
"b": 23
},
"hsl": {
"h": 210,
"s": 76.923,
"l": 5.098
},
"oklch": {
"l": 0.15392,
"c": 0.0279,
"h": 245.3
},
"luminance": 0.00369
}Semantic roles & 50–950 ramp
primary
#030D17
secondary
#5B3B1B
accent
#9434F3
background
#F4F4F4
surface
#E6E7E7
border
#C2C3C3
text
#000102
muted
#777778