أقرب لون مسمّى · #0B1828
#0B1828
أقرب لون مسمّى: Trapped Darkness
#0B1828 (rgb(11 24 40)، hsl(213 57% 10%)، oklch(0.206 0.037 254.4)) أقرب إلى اللون المسمّى Trapped Darkness. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#0B1828
oklch(0.206 0.037 254.4)
تحويلات الألوان
- HEX
- #0b1828
- RGB
- rgb(11 24 40)
- HSL
- hsl(213 57% 10%)
- HWB
- hwb(213 4% 84%)
- OKLCH
- oklch(0.206 0.037 254.4)
- OKLab
- oklab(0.206 -0.01 -0.036)
- CIE Lab
- lab(7.75 -1.05 -12.88)
- LCH
- lch(7.75 12.92 265.4)
- CMYK
- cmyk(73% 40% 0% 84%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 1F2B3B
- 343F4E
- 4A5562
- 616B77
- 7A828C
- 939AA2
- ADB2B9
- C8CBD0
- E3E5E7
درجات داكنة
- 081321
- 060F1B
- 040A15
- 02070F
- 010409
- 010204
- 000102
- 000001
- 000000
درجات رمادية
- 152130
- 202B39
- 2B3541
- 363F4A
- 424953
- 4E545B
- 5A5F64
- 666A6E
- 737577
تناسق الألوان
متمم +180°
- 0B1828
Trapped Darkness
- 211503
≈ Cannon Black
متجاور -30° +30°
- 0B1828
Trapped Darkness
- 011B24
≈ Creeping Death
- 161528
≈ Sambucus
ثلاثي +120° +240°
- 0B1828
Trapped Darkness
- 261012
≈ Italian Roast
- 101B09
≈ Pinch of Pepper
متمم منقسم +150° +210°
- 0B1828
Trapped Darkness
- 251109
≈ Severely Burnt Toast
- 1A1803
≈ Noir Mystique
رباعي +90° +180° +270°
- 0B1828
Trapped Darkness
- 23101B
≈ Inside
- 211503
≈ Cannon Black
- 041D13
≈ Clock Chimes Thirteen
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 17.86:1 · APCA Lc 105
Ag
Failعلى الأسود
WCAG 1.17:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 17.86:1 (AAA) · APCA Lc 105
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--trapped-darkness: #0b1828;
--trapped-darkness-rgb: 11 24 40;
--trapped-darkness-oklch: oklch(0.206 0.037 254.4);
}
.element {
color: var(--trapped-darkness);
background-color: hsl(213 57% 10%);
border-color: oklch(0.206 0.037 254.4);
}Tailwind CSS v4
@theme {
--color-trapped-darkness: #0b1828;
--color-trapped-darkness-50: #eef6ff;
--color-trapped-darkness-100: #e0e9f5;
--color-trapped-darkness-200: #cad5e4;
--color-trapped-darkness-300: #abb9cb;
--color-trapped-darkness-400: #90a0b4;
--color-trapped-darkness-500: #76889f;
--color-trapped-darkness-600: #647386;
--color-trapped-darkness-700: #505c6c;
--color-trapped-darkness-800: #39434f;
--color-trapped-darkness-900: #272f37;
--color-trapped-darkness-950: #151b22;
}SCSS
$trapped-darkness: #0b1828;
$trapped-darkness-rgb: 11, 24, 40;
$trapped-darkness-light: mix(#fff, $trapped-darkness, 20%);
$trapped-darkness-dark: mix(#000, $trapped-darkness, 20%);
.element {
color: $trapped-darkness;
box-shadow: 0 0 0 2px rgba($trapped-darkness, 0.35);
}