أقرب لون مسمّى · #004C58
#004C58
أقرب لون مسمّى: Nocturnal Expedition
#004C58 (rgb(0 76 88)، hsl(188 100% 17%)، oklch(0.383 0.067 212.7)) أقرب إلى اللون المسمّى Nocturnal Expedition. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#004C58
oklch(0.383 0.067 212.7)
تحويلات الألوان
- HEX
- #004c58
- RGB
- rgb(0 76 88)
- HSL
- hsl(188 100% 17%)
- HWB
- hwb(188 0% 65%)
- OKLCH
- oklch(0.383 0.067 212.7)
- OKLab
- oklab(0.383 -0.056 -0.036)
- CIE Lab
- lab(28.83 -17.6 -13.31)
- LCH
- lch(28.83 22.06 217.1)
- CMYK
- cmyk(100% 14% 0% 65%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 255C67
- 3E6D77
- 567E87
- 6D9097
- 85A2A8
- 9CB4B9
- B5C6CA
- CDD9DB
- E6ECED
درجات داكنة
- 00414B
- 00363F
- 002C33
- 002228
- 00181D
- 000F12
- 000609
- 000203
- 000000
درجات رمادية
- 18515C
- 275660
- 345C64
- 406168
- 4B666C
- 566B70
- 607074
- 6B7678
- 757B7C
تناسق الألوان
متمم +180°
- 004C58
Nocturnal Expedition
- 62352C
≈ Hairy Heath
متجاور -30° +30°
- 004C58
Nocturnal Expedition
- 044E46
≈ Action Green
- 1F4764
≈ Dark Slate Blue
ثلاثي +120° +240°
- 004C58
Nocturnal Expedition
- 583552
≈ Auricula Purple
- 4F4212
≈ Roman Bronze
متمم منقسم +150° +210°
- 004C58
Nocturnal Expedition
- 603340
≈ Art Deco Red
- 5C3A1A
≈ Chocolate Fantasies
رباعي +90° +180° +270°
- 004C58
Nocturnal Expedition
- 4A3A60
≈ Mulberry Purple
- 62352C
≈ Hairy Heath
- 3D491E
≈ Avocado Dark Green
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 9.65:1 · APCA Lc 92
Ag
Failعلى الأسود
WCAG 2.17:1 · APCA Lc 10
أفضل لون للنص: #FFFFFF
WCAG 9.65:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--nocturnal-expedition: #004c58;
--nocturnal-expedition-rgb: 0 76 88;
--nocturnal-expedition-oklch: oklch(0.383 0.067 212.7);
}
.element {
color: var(--nocturnal-expedition);
background-color: hsl(188 100% 17%);
border-color: oklch(0.383 0.067 212.7);
}Tailwind CSS v4
@theme {
--color-nocturnal-expedition: #004c58;
--color-nocturnal-expedition-50: #e1fbff;
--color-nocturnal-expedition-100: #d0eef6;
--color-nocturnal-expedition-200: #b5dce6;
--color-nocturnal-expedition-300: #90c1cd;
--color-nocturnal-expedition-400: #6fa9b6;
--color-nocturnal-expedition-500: #4c92a0;
--color-nocturnal-expedition-600: #417c88;
--color-nocturnal-expedition-700: #34636d;
--color-nocturnal-expedition-800: #24494f;
--color-nocturnal-expedition-900: #183237;
--color-nocturnal-expedition-950: #081e22;
}SCSS
$nocturnal-expedition: #004c58;
$nocturnal-expedition-rgb: 0, 76, 88;
$nocturnal-expedition-light: mix(#fff, $nocturnal-expedition, 20%);
$nocturnal-expedition-dark: mix(#000, $nocturnal-expedition, 20%);
.element {
color: $nocturnal-expedition;
box-shadow: 0 0 0 2px rgba($nocturnal-expedition, 0.35);
}