لون مسمّى · #295C7A
Nautical Creatures
Nautical Creatures هو #295C7A: rgb(41 92 122)، hsl(202 50% 32%)، oklch(0.454 0.073 237.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Nautical Creatures color name →
#295C7A
oklch(0.454 0.073 237.3)
تحويلات الألوان
- HEX
- #295c7a
- RGB
- rgb(41 92 122)
- HSL
- hsl(202 50% 32%)
- HWB
- hwb(202 16% 52%)
- OKLCH
- oklch(0.454 0.073 237.3)
- OKLab
- oklab(0.454 -0.04 -0.062)
- CIE Lab
- lab(36.64 -9.99 -22.46)
- LCH
- lch(36.64 24.58 246)
- CMYK
- cmyk(66% 25% 0% 52%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3F6B87
- 547B94
- 688BA1
- 7D9AAE
- 92ABBB
- A7BBC9
- BDCCD6
- D2DDE4
- E9EEF1
درجات داكنة
- 224F69
- 1C4259
- 153649
- 0F2A3A
- 091F2B
- 05141D
- 020A10
- 010305
- 000001
درجات رمادية
- 33607B
- 3D637C
- 46677C
- 4F6B7D
- 576E7E
- 5F727E
- 68767F
- 70797F
- 787D80
تناسق الألوان
متمم +180°
- 295C7A
Nautical Creatures
- 754B2B
≈ Cape Palliser
متجاور -30° +30°
- 295C7A
Nautical Creatures
- 10616B
≈ Turkish Aqua
- 44557F
≈ Sailor
ثلاثي +120° +240°
- 295C7A
Nautical Creatures
- 774457
≈ Deep Carmine
- 535C29
≈ Saratoga
متمم منقسم +150° +210°
- 295C7A
Nautical Creatures
- 7A4640
≈ Sweet Spiceberry
- 685321
≈ Field Drab
رباعي +90° +180° +270°
- 295C7A
Nautical Creatures
- 6C476B
≈ Sultana
- 754B2B
≈ Cape Palliser
- 39613E
≈ Cupidity
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.22:1 · APCA Lc 85
Ag
Failعلى الأسود
WCAG 2.90:1 · APCA Lc 17
أفضل لون للنص: #FFFFFF
WCAG 7.22:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--nautical-creatures: #295c7a;
--nautical-creatures-rgb: 41 92 122;
--nautical-creatures-oklch: oklch(0.454 0.073 237.3);
}
.element {
color: var(--nautical-creatures);
background-color: hsl(202 50% 32%);
border-color: oklch(0.454 0.073 237.3);
}Tailwind CSS v4
@theme {
--color-nautical-creatures: #295c7a;
--color-nautical-creatures-50: #e3f9ff;
--color-nautical-creatures-100: #d3ecfe;
--color-nautical-creatures-200: #b9d9f1;
--color-nautical-creatures-300: #95bdd9;
--color-nautical-creatures-400: #74a5c5;
--color-nautical-creatures-500: #548db1;
--color-nautical-creatures-600: #487895;
--color-nautical-creatures-700: #396078;
--color-nautical-creatures-800: #284658;
--color-nautical-creatures-900: #1b313e;
--color-nautical-creatures-950: #0b1d27;
}SCSS
$nautical-creatures: #295c7a;
$nautical-creatures-rgb: 41, 92, 122;
$nautical-creatures-light: mix(#fff, $nautical-creatures, 20%);
$nautical-creatures-dark: mix(#000, $nautical-creatures, 20%);
.element {
color: $nautical-creatures;
box-shadow: 0 0 0 2px rgba($nautical-creatures, 0.35);
}