Conversión de color
#7698b2
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 7698B2 ?
- # 7698B2 hè Ledgerstone Blue – A subdued, steel-tinted blue with a soft gray undertone that reads cool and maritime without being stark. It evokes steady composure and a weathered elegance—reassuring, quietly refined, and practical.
- Chì simbulizeghja Ledgerstone Blue ?
- stability and reliability, weathered experience, practical elegance, nostalgic maritime heritage, thoughtful restraint. Northern European and Scandinavian design traditions value muted blues like this for functional beauty and calming interiors; in Western corporate contexts it signals dependability and professionalism; in coastal cultures it reads as an echo of sea-weathered paint and maritime craft.
- Induve hè adupratu Ledgerstone Blue in u disignu ?
- In a space or interface Ledgerstone Blue calms visual noise and promotes focus, making content feel organized and credible. Its grayed quality reduces emotional intensity, encouraging deliberation rather than impulsivity.
- Quali culori vanu bè cù Ledgerstone Blue ?
- Ledgerstone Blue si paia bè cù #89674D, #6BB2A8, #B26FA6 . #89674D: Direct complementary contrast (warm desaturated amber) that increases visual warmth and CTA visibility while honoring the maritime palette.. #6BB2A8: Analogous teal/seafoam that extends the cool, coastal family and supports layered, tonal compositions (analogous harmony).. #B26FA6: Muted mauve for a soft triadic pop that keeps overall subtlety while introducing an expressive, vintage accent (triadic harmony)..
- Cumu u Ledgerstone Blue affetta l'umore ?
- Calm competence with quiet refinement A measured sense of reassurance and practical confidence. Tratti chjave: trustworthy, composed, stable, practical, reserved .
- Quali industrie utilizanu Ledgerstone Blue ?
- Ledgerstone Blue hè cumunimenti adupratu in Fintech platforms, Sustainable engineering firms, Luxury workwear/apparel . Si adatta à archetipi di marca cum'è The Sage, The Caregiver .
- Chì ghjè a storia di Ledgerstone Blue ?
- Muted steel-blues like Ledgerstone Blue evolved when painters and artisans began mixing traditional blue pigments with earth tones and lead-based whites to desaturate and warm the blue for interiors and ceramics. Before synthetic pigments, artists achieved this slate-blue by combining indigo or ultramarine with lead white and small amounts of umber or black to mute brightness, producing a practical blue that concealed soot and age.
- Cumu aduprà Ledgerstone Blue in u disignu?
- Maintain clear contrast hierarchy—use warmer or lighter/darker accents to create focal points against Ledgerstone Blue. E migliori pratiche: Pair with a warm complementary (#89674D) for CTAs or focal points to create legible contrast without neon brightness.; Use as a larger-field background with high-contrast white text for clean interfaces or as a mid-tone accent against light neutrals in interiors.; Introduce a natural texture (linen, matte ceramic, brushed metal) to emphasize its weathered, tactile quality. .
- Ledgerstone Blue hè accessibile ?
- Rapportu di cuntrastu nant'à u biancu: 3.04:1 , nant'à u neru: 6.90:1 .Passa WCAG AA per testu nurmale è grande.