أقرب لون مسمّى · #00285B
#00285B
أقرب لون مسمّى: Marine
#00285B (rgb(0 40 91)، hsl(214 100% 18%)، oklch(0.286 0.101 256.9)) أقرب إلى اللون المسمّى Marine. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#00285B
oklch(0.286 0.101 256.9)
تحويلات الألوان
- HEX
- #00285b
- RGB
- rgb(0 40 91)
- HSL
- hsl(214 100% 18%)
- HWB
- hwb(214 0% 64%)
- OKLCH
- oklch(0.286 0.101 256.9)
- OKLab
- oklab(0.286 -0.023 -0.099)
- CIE Lab
- lab(16.28 5.07 -34.97)
- LCH
- lch(16.28 35.33 278.3)
- CMYK
- cmyk(100% 56% 0% 64%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 1A3C6B
- 31507B
- 49658C
- 61799C
- 7A8FAC
- 93A4BD
- ADBACD
- C8D1DE
- E3E8EE
درجات داكنة
- 00214E
- 001B41
- 001535
- 000F29
- 00091E
- 000413
- 000209
- 000103
- 000000
درجات رمادية
- 0E315F
- 1C3A64
- 294368
- 354C6C
- 41546F
- 4E5D73
- 5A6677
- 666F7A
- 73777D
تناسق الألوان
متمم +180°
- 00285B
Marine
- 3B2600
≈ Secret Passage
متجاور -30° +30°
- 00285B
Marine
- 002F3F
≈ Nordic Noir
- 291E59
≈ Cluedo Night
ثلاثي +120° +240°
- 00285B
Marine
- 510A17
≈ Maroon Oak
- 123300
≈ Witch Wart
متمم منقسم +150° +210°
- 00285B
Marine
- 491B00
≈ Barbecue Sauce
- 2E2C00
≈ Secret Passage
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 14.43:1 · APCA Lc 101
Ag
Failعلى الأسود
WCAG 1.45:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 14.43:1 (AAA) · APCA Lc 101
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--marine: #00285b;
--marine-rgb: 0 40 91;
--marine-oklch: oklch(0.286 0.101 256.9);
}
.element {
color: var(--marine);
background-color: hsl(214 100% 18%);
border-color: oklch(0.286 0.101 256.9);
}Tailwind CSS v4
@theme {
--color-marine: #00285b;
--color-marine-50: #e4f7ff;
--color-marine-100: #d4e9ff;
--color-marine-200: #bbd6ff;
--color-marine-300: #98b9ec;
--color-marine-400: #77a0da;
--color-marine-500: #5987c8;
--color-marine-600: #4c73a9;
--color-marine-700: #3c5c88;
--color-marine-800: #294465;
--color-marine-900: #1c2f47;
--color-marine-950: #0c1b2e;
}SCSS
$marine: #00285b;
$marine-rgb: 0, 40, 91;
$marine-light: mix(#fff, $marine, 20%);
$marine-dark: mix(#000, $marine, 20%);
.element {
color: $marine;
box-shadow: 0 0 0 2px rgba($marine, 0.35);
}