Color con nombre más cercano · #006892
#006892
Color con nombre más cercano: Hydra
#006892 (rgb(0 104 146), hsl(197 100% 29%), oklch(0.488 0.104 235.1)) se parece más al color con nombre Hydra. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#006892
oklch(0.488 0.104 235.1)
Conversiones de color
- HEX
- #006892
- RGB
- rgb(0 104 146)
- HSL
- hsl(197 100% 29%)
- HWB
- hwb(197 0% 43%)
- OKLCH
- oklch(0.488 0.104 235.1)
- OKLab
- oklab(0.488 -0.059 -0.085)
- CIE Lab
- lab(40.68 -13.84 -30.75)
- LCH
- lch(40.68 33.72 245.8)
- CMYK
- cmyk(100% 29% 0% 43%)
Tintes · Sombras · Tonos
Tintes
- 2D779D
- 4885A8
- 5F94B3
- 76A3BE
- 8DB2C9
- A3C1D4
- BAD0DE
- D1E0E9
- E8EFF4
Sombras
- 00597E
- 004B6B
- 003E58
- 003046
- 002435
- 001825
- 000C16
- 000408
- 000001
Tonos
- 1F6B91
- 2F6E8F
- 3C708D
- 47738C
- 52758A
- 5C7788
- 657A86
- 6E7C84
- 777E82
Armonías de color
Complementario +180°
- 006892
Hydra
- 8C4E1C
≈ Plane Brown
Análogo -30° +30°
- 006892
Hydra
- 006D76
≈ Toadstool Teal
- 435D9B
≈ Blue Dahlia
Triádico +120° +240°
- 006892
Hydra
- 8D4563
≈ Putnam Plum
- 5E6611
≈ Mud Green
Complementario dividido +150° +210°
- 006892
Hydra
- 924641
≈ Red Craft
- 7A5A00
≈ Blackfire Earth
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.18:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.39:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 6.18:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--hydra: #006892;
--hydra-rgb: 0 104 146;
--hydra-oklch: oklch(0.488 0.104 235.1);
}
.element {
color: var(--hydra);
background-color: hsl(197 100% 29%);
border-color: oklch(0.488 0.104 235.1);
}Tailwind CSS v4
@theme {
--color-hydra: #006892;
--color-hydra-50: #dafaff;
--color-hydra-100: #c8eeff;
--color-hydra-200: #abdcfc;
--color-hydra-300: #83c0e6;
--color-hydra-400: #5ca8d3;
--color-hydra-500: #2f90c1;
--color-hydra-600: #2a7aa3;
--color-hydra-700: #226283;
--color-hydra-800: #144860;
--color-hydra-900: #0d3244;
--color-hydra-950: #011e2c;
}SCSS
$hydra: #006892;
$hydra-rgb: 0, 104, 146;
$hydra-light: mix(#fff, $hydra, 20%);
$hydra-dark: mix(#000, $hydra, 20%);
.element {
color: $hydra;
box-shadow: 0 0 0 2px rgba($hydra, 0.35);
}