أقرب لون مسمّى · #4E708A
#4E708A
أقرب لون مسمّى: Shipyard
#4E708A (rgb(78 112 138)، hsl(206 28% 42%)، oklch(0.53 0.057 242)) أقرب إلى اللون المسمّى Shipyard. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#4E708A
oklch(0.53 0.057 242)
تحويلات الألوان
- HEX
- #4e708a
- RGB
- rgb(78 112 138)
- HSL
- hsl(206 28% 42%)
- HWB
- hwb(206 31% 46%)
- OKLCH
- oklch(0.53 0.057 242)
- OKLab
- oklab(0.53 -0.027 -0.05)
- CIE Lab
- lab(45.43 -7.1 -18.43)
- LCH
- lch(45.43 19.75 248.9)
- CMYK
- cmyk(43% 19% 0% 46%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 5F7D95
- 708BA1
- 8199AC
- 92A7B8
- A4B5C3
- B5C4CF
- C7D2DB
- DAE1E7
- ECF0F3
درجات داكنة
- 436077
- 385165
- 2D4353
- 233542
- 192732
- 0F1A22
- 070E14
- 020407
- 000101
درجات رمادية
- 537289
- 597388
- 5E7587
- 637786
- 687885
- 6D7A84
- 727B83
- 767D82
- 7B7F81
تناسق الألوان
متمم +180°
- 4E708A
Shipyard
- 846549
≈ Port Wine Barrel
متجاور -30° +30°
- 4E708A
Shipyard
- 42757F
≈ Flip
- 606A8D
≈ Justice
ثلاثي +120° +240°
- 4E708A
Shipyard
- 885E69
≈ Rabbit Paws
- 66714C
≈ Greenfield
متمم منقسم +150° +210°
- 4E708A
Shipyard
- 896057
≈ Clove
- 776B45
≈ Fossilised Leaf
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.23:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 4.00:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--shipyard: #4e708a;
--shipyard-rgb: 78 112 138;
--shipyard-oklch: oklch(0.53 0.057 242);
}
.element {
color: var(--shipyard);
background-color: hsl(206 28% 42%);
border-color: oklch(0.53 0.057 242);
}Tailwind CSS v4
@theme {
--color-shipyard: #4e708a;
--color-shipyard-50: #e8f7ff;
--color-shipyard-100: #d9ebfa;
--color-shipyard-200: #c1d8eb;
--color-shipyard-300: #a0bbd3;
--color-shipyard-400: #81a3be;
--color-shipyard-500: #648ba9;
--color-shipyard-600: #55768f;
--color-shipyard-700: #445e72;
--color-shipyard-800: #304554;
--color-shipyard-900: #21303b;
--color-shipyard-950: #101c25;
}SCSS
$shipyard: #4e708a;
$shipyard-rgb: 78, 112, 138;
$shipyard-light: mix(#fff, $shipyard, 20%);
$shipyard-dark: mix(#000, $shipyard, 20%);
.element {
color: $shipyard;
box-shadow: 0 0 0 2px rgba($shipyard, 0.35);
}