لون مسمّى · #1B7598
Bateau
Bateau هو #1B7598: rgb(27 117 152)، hsl(197 70% 35%)، oklch(0.528 0.096 229.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Bateau color name →
#1B7598
oklch(0.528 0.096 229.8)
تحويلات الألوان
- HEX
- #1b7598
- RGB
- rgb(27 117 152)
- HSL
- hsl(197 70% 35%)
- HWB
- hwb(197 11% 40%)
- OKLCH
- oklch(0.528 0.096 229.8)
- OKLab
- oklab(0.528 -0.062 -0.074)
- CIE Lab
- lab(45.5 -16.69 -26.79)
- LCH
- lch(45.5 31.56 238.1)
- CMYK
- cmyk(82% 23% 0% 40%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3A82A2
- 5290AD
- 699DB7
- 7EABC1
- 94B9CB
- A9C7D6
- BED5E0
- D4E3EA
- E9F1F5
درجات داكنة
- 166584
- 115570
- 0C465C
- 08374A
- 052938
- 021C27
- 010F17
- 000508
- 000101
درجات رمادية
- 2D7696
- 3A7894
- 457991
- 4F7A8F
- 587B8D
- 617C8A
- 697D88
- 717E85
- 787F83
تناسق الألوان
متمم +180°
- 1B7598
Bateau
- 975935
≈ Seared Earth
متجاور -30° +30°
- 1B7598
Bateau
- 007B80
≈ Tobernite
- 496BA3
≈ San Marino
ثلاثي +120° +240°
- 1B7598
Bateau
- 945373
≈ Sea Fan Fuchsia
- 6F7025
≈ Olivetone
متمم منقسم +150° +210°
- 1B7598
Bateau
- 9B5354
≈ Brown Cerberus
- 88641E
≈ Kumera
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.19:1 · APCA Lc 75
Ag
Failعلى الأسود
WCAG 4.04:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.19:1 (AA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bateau: #1b7598;
--bateau-rgb: 27 117 152;
--bateau-oklch: oklch(0.528 0.096 229.8);
}
.element {
color: var(--bateau);
background-color: hsl(197 70% 35%);
border-color: oklch(0.528 0.096 229.8);
}Tailwind CSS v4
@theme {
--color-bateau: #1b7598;
--color-bateau-50: #dbfbff;
--color-bateau-100: #c9eeff;
--color-bateau-200: #abdcf7;
--color-bateau-300: #84c1e0;
--color-bateau-400: #5da9cc;
--color-bateau-500: #3191b9;
--color-bateau-600: #2b7b9d;
--color-bateau-700: #23637e;
--color-bateau-800: #15495c;
--color-bateau-900: #0e3241;
--color-bateau-950: #011e29;
}SCSS
$bateau: #1b7598;
$bateau-rgb: 27, 117, 152;
$bateau-light: mix(#fff, $bateau, 20%);
$bateau-dark: mix(#000, $bateau, 20%);
.element {
color: $bateau;
box-shadow: 0 0 0 2px rgba($bateau, 0.35);
}