Color con nombre · #5E9CA1
Hydroport
Hydroport es #5E9CA1: rgb(94 156 161), hsl(184 26% 50%), oklch(0.653 0.064 202.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Hydroport color name →
#5E9CA1
oklch(0.653 0.064 202.3)
Conversiones de color
- HEX
- #5e9ca1
- RGB
- rgb(94 156 161)
- HSL
- hsl(184 26% 50%)
- HWB
- hwb(184 37% 37%)
- OKLCH
- oklch(0.653 0.064 202.3)
- OKLab
- oklab(0.653 -0.06 -0.024)
- CIE Lab
- lab(60.32 -19.87 -9.28)
- LCH
- lch(60.32 21.93 205)
- CMYK
- cmyk(42% 3% 0% 37%)
Tintes · Sombras · Tonos
Tintes
- 6FA6AA
- 7FAFB3
- 8FB9BC
- 9FC3C6
- AFCDCF
- BFD7D9
- CFE1E2
- DFEBEC
- EFF5F5
Sombras
- 51878B
- 447376
- 375F62
- 2B4C4E
- 1F393C
- 14282A
- 0A1819
- 030909
- 000101
Tonos
- 63999E
- 67979A
- 6B9497
- 6E9194
- 728E90
- 758B8D
- 78898A
- 7B8687
- 7D8383
Armonías de color
Complementario +180°
- 5E9CA1
Hydroport
- B4817E
≈ Ash Rose
Análogo -30° +30°
- 5E9CA1
Hydroport
- 669D8C
≈ Dull Teal
- 6797B1
≈ Shirt Blue
Triádico +120° +240°
- 5E9CA1
Hydroport
- A383A8
≈ Regal Orchid
- A48D62
≈ Rattan
Complementario dividido +150° +210°
- 5E9CA1
Hydroport
- B08094
≈ Heather Violet
- B0856C
≈ Renwick Rose Beige
Tetrádico +90° +180° +270°
- 5E9CA1
Hydroport
- 9189B5
≈ Silk Lilac
- B4817E
≈ Ash Rose
- 909466
≈ Green Cast
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.11:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.74:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.74:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--hydroport: #5e9ca1;
--hydroport-rgb: 94 156 161;
--hydroport-oklch: oklch(0.653 0.064 202.3);
}
.element {
color: var(--hydroport);
background-color: hsl(184 26% 50%);
border-color: oklch(0.653 0.064 202.3);
}Tailwind CSS v4
@theme {
--color-hydroport: #5e9ca1;
--color-hydroport-50: #e1fbfe;
--color-hydroport-100: #d0eff2;
--color-hydroport-200: #b5dde1;
--color-hydroport-300: #91c2c7;
--color-hydroport-400: #70aaaf;
--color-hydroport-500: #4d9399;
--color-hydroport-600: #427c81;
--color-hydroport-700: #356467;
--color-hydroport-800: #25494b;
--color-hydroport-900: #193334;
--color-hydroport-950: #091e20;
}SCSS
$hydroport: #5e9ca1;
$hydroport-rgb: 94, 156, 161;
$hydroport-light: mix(#fff, $hydroport, 20%);
$hydroport-dark: mix(#000, $hydroport, 20%);
.element {
color: $hydroport;
box-shadow: 0 0 0 2px rgba($hydroport, 0.35);
}