Color con nombre más cercano · #006A90
#006A90
Color con nombre más cercano: Hydra
#006A90 (rgb(0 106 144), hsl(196 100% 28%), oklch(0.492 0.1 232)) 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.
#006A90
oklch(0.492 0.1 232)
Conversiones de color
- HEX
- #006a90
- RGB
- rgb(0 106 144)
- HSL
- hsl(196 100% 28%)
- HWB
- hwb(196 0% 44%)
- OKLCH
- oklch(0.492 0.1 232)
- OKLab
- oklab(0.492 -0.062 -0.079)
- CIE Lab
- lab(41.25 -15.52 -28.66)
- LCH
- lch(41.25 32.59 241.6)
- CMYK
- cmyk(100% 26% 0% 44%)
Tintes · Sombras · Tonos
Tintes
- 2D789B
- 4887A6
- 6095B1
- 77A4BC
- 8DB3C7
- A4C2D3
- BAD1DE
- D1E0E9
- E8F0F4
Sombras
- 005B7D
- 004D6A
- 003F57
- 003145
- 002434
- 001824
- 000D15
- 000407
- 000001
Tonos
- 1F6D8F
- 2F6F8D
- 3C718C
- 48748B
- 527689
- 5C7887
- 657A86
- 6E7C84
- 777E82
Armonías de color
Complementario +180°
- 006A90
Hydra
- 8D4F25
≈ Plane Brown
Análogo -30° +30°
Triádico +120° +240°
Complementario dividido +150° +210°
- 006A90
Hydra
- 924747
≈ Cowhide
- 7D5A03
≈ Blackfire Earth
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.06:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.46:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 6.06:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--hydra: #006a90;
--hydra-rgb: 0 106 144;
--hydra-oklch: oklch(0.492 0.1 232);
}
.element {
color: var(--hydra);
background-color: hsl(196 100% 28%);
border-color: oklch(0.492 0.1 232);
}Tailwind CSS v4
@theme {
--color-hydra: #006a90;
--color-hydra-50: #dafbff;
--color-hydra-100: #c8eeff;
--color-hydra-200: #aadcf9;
--color-hydra-300: #83c0e3;
--color-hydra-400: #5ba9d0;
--color-hydra-500: #2e91bd;
--color-hydra-600: #297ba0;
--color-hydra-700: #216280;
--color-hydra-800: #14485e;
--color-hydra-900: #0d3242;
--color-hydra-950: #011e2a;
}SCSS
$hydra: #006a90;
$hydra-rgb: 0, 106, 144;
$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);
}