Conversión de color
#0164bb
Variaciones
El propósito de esta sección es producir con precisión tonos (blanco puro añadido) y sombras (negro puro añadido) de tu color seleccionado en incrementos del 10%.
Consejo Pro: Usa sombras para estados de hover y sombras, tonos para resaltar y fondos.
Sombras
Variaciones más oscuras creadas añadiendo negro a tu color base.
Tonos
Variaciones más claras creadas añadiendo blanco a tu color base.
Casos de Uso Comunes
- • Estados de componentes UI (hover, activo, deshabilitado)
- • Creando profundidad con sombras y luces
- • Construyendo sistemas de color consistentes
Consejo de Sistema de Diseño
Estas variaciones forman la base de una Palette cohesiva. Expórtalas para mantener la consistencia en todo tu proyecto.
Combinaciones de Colores
Cada armonía tiene su propio estado de ánimo. Usa armonías para idear combinaciones de colores que funcionen bien juntas.
Cómo Usar
Haz clic en cualquier color para copiar su valor hex. Estas combinaciones están matemáticamente probadas para crear armonía visual.
Por Qué Importa
Las armonías de color crean equilibrio y evocan emociones específicas en tus diseños.
Complemento
Un color y su opuesto en la rueda de colores, +180 grados de tono. Alto contraste.
Complementario dividido
Un color y dos adyacentes a su complemento, +/-30 grados de tono del valor opuesto al color principal. Audaz como un complemento directo, pero más versátil.
Triádico
Tres colores espaciados uniformemente en la rueda de colores, cada uno a 120 grados de tono de distancia. Lo mejor es permitir que un color domine y usar los otros como acentos.
Análogo
Tres colores de la misma luminancia y saturación con tonos adyacentes en la rueda de colores, a 30 grados de distancia. Transiciones suaves.
Monocromático
Tres colores del mismo tono con valores de luminancia +/-50%. Sutil y refinado.
Tetrádico
Dos conjuntos de colores complementarios, separados por 60 grados de tono.
Principios de teoría del color
Equilibrio
Usa un color dominante, apóyalo con un secundario y acentúa con moderación.
Contraste
Asegúrate de tener suficiente contraste para la legibilidad y accesibilidad.
Armonía
Los colores deben trabajar juntos para crear una experiencia visual unificada.
Verificador de contraste de color
Prueba combinaciones de colores para asegurarte de que cumplan con los estándares de accesibilidad WCAG para la legibilidad del texto.
Color del texto
Color de fondo
Contraste
Estándares WCAG
Comprobador de contraste avanzado
Ajusta con precisión con deslizadores, múltiples vistas previas y más
Todos son un genio. Pero si juzgas a un pez por su habilidad para trepar un árbol, vivirá toda su vida creyendo que es estúpido.
Formatos técnicos
Formatos prácticos
Análisis de color
Simulador de daltonismo
Aspectos creativos
Dumande frequenti
- Chì culore hè u numeru 0164BB ?
- # 0164BB hè North Atlantic Signal – A crisp, saturated deep cerulean with a slight magnetic lean toward cobalt rather than true cyan. It reads as clear, alert confidence — cool and focused with a modern technical edge.
- Chì simbulizeghja North Atlantic Signal ?
- trust and authority, navigational clarity, technical competence, cool restraint, maritime/nautical heritage. In Western corporate contexts this shade signals reliability and competence; in parts of South Asia and India deep blues can connote divinity or protection when associated with deities like Krishna; in East Asia blue often reads as modernity and youth rather than formality. Across many coastal cultures, this hue ties to maritime signaling and safety.
- Induve hè adupratu North Atlantic Signal in u disignu ?
- In a space or interface this blue sharpens perceived reliability and makes information feel organized and authoritative. It reduces visual noise when used as a dominant hue and improves perceived legibility against light neutrals and white.
- Quali culori vanu bè cù North Atlantic Signal ?
- North Atlantic Signal si paia bè cù #FE9B44, #0095D6, #A6BF00 . #FE9B44: Complementary contrast — warm orange creates high-visibility CTAs and a classic blue–orange signal pair.. #0095D6: Analogous harmony — a lighter cyan-blue creates a smooth cool gradient for UI backgrounds and accents.. #A6BF00: Triadic pop — a yellow-green offers energetic contrast for micro-interactions and iconography without clashing..
- Cumu u North Atlantic Signal affetta l'umore ?
- Calm confidence with clear focus Viewers typically feel reassured and attentive — a readiness to engage without anxiety. Tratti chjave: competence, reliability, clarity, calm alertness, professionalism .
- Quali industrie utilizanu North Atlantic Signal ?
- North Atlantic Signal hè cumunimenti adupratu in Enterprise software / SaaS, Financial services, Maritime / shipping / logistics . Si adatta à archetipi di marca cum'è The Sage, The Ruler .
- Chì ghjè a storia di North Atlantic Signal ?
- Deep blues have a long lineage: artists first achieved saturated blues with minerals like azurite and the prized ultramarine (lapis lazuli) in pre-modern eras. The industrial age introduced synthetic pigments — Prussian Blue (early 18th century) and later phthalocyanine (phthalo) blues — that made consistent, vivid blues more affordable and reproducible, enabling shades like #0164BB to become common in print and paint.
- Cumu aduprà North Atlantic Signal in u disignu?
- Maintain contrast and purposeful accents: use complementary warm highlights and neutrals to humanize and direct attention. E migliori pratiche: Pair the blue with a warm complementary accent (FE9B44) for CTAs and alerts to create clear focal points.; Use at 70–90% visual coverage for primary brand elements and reduce to 20–40% when layering with textures or photography to avoid visual fatigue.; Ensure body text over this color uses white at minimum 600 weight and sizes that meet WCAG AA/AAA depending on use (e.g., 16px+ for AA on web). .
- North Atlantic Signal hè accessibile ?
- Rapportu di cuntrastu nant'à u biancu: 5.93:1 , nant'à u neru: 3.54:1 .Passa WCAG AA per testu nurmale è grande.