Colore con nome · #1B7598
Bateau
Bateau è #1B7598: rgb(27 117 152), hsl(197 70% 35%), oklch(0.528 0.096 229.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Bateau color name →
#1B7598
oklch(0.528 0.096 229.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 3A82A2
- 5290AD
- 699DB7
- 7EABC1
- 94B9CB
- A9C7D6
- BED5E0
- D4E3EA
- E9F1F5
Ombre
- 166584
- 115570
- 0C465C
- 08374A
- 052938
- 021C27
- 010F17
- 000508
- 000101
Toni
- 2D7696
- 3A7894
- 457991
- 4F7A8F
- 587B8D
- 617C8A
- 697D88
- 717E85
- 787F83
Armonie di colore
Complementare +180°
- 1B7598
Bateau
- 975935
≈ Seared Earth
Analogo -30° +30°
- 1B7598
Bateau
- 007B80
≈ Tobernite
- 496BA3
≈ San Marino
Triadico +120° +240°
- 1B7598
Bateau
- 945373
≈ Sea Fan Fuchsia
- 6F7025
≈ Olivetone
Complementare divisa +150° +210°
- 1B7598
Bateau
- 9B5354
≈ Brown Cerberus
- 88641E
≈ Kumera
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.19:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.04:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.19:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
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);
}