#56a5c2

Fountain Blue

Coincidencia más cercana (91% de coincidencia)

Formatos de color

RGB

rgb(86, 165, 194)

Componentes Rojo, Verde y Azul

HSL

hsl(196, 47%, 55%)

Tono, Saturación, Luminosidad

CMYK

cmyk(56, 15, 0, 24)

Codificación de color para impresión

Luminance

0.328

Luminancia relativa

Variaciones

Sombras (Oscurecer)

Tintas (Aclarar)

Tonos (Reducir saturación)

Armonías

Haz clic en los segmentos de color para copiar el código.

Complementario (Opuesto)

#56a5c2

#c27356

Análogo (Adyacente)

#56c2a9

#56a5c2

#566fc2

Triádico (Triángulo)

#56a5c2

#c256a5

#a5c256

Complementario dividido

#56a5c2

#c2566f

#c2a956

Tabla de conversión completa

HEX

#56A5C2

RGB

rgb(86,165,194)

RGBA

rgba(86,165,194, 1)

HSL

hsl(196.11,46.96%,54.9%)

OKLCH (CSS moderno)

oklch(0.68 0.09 224.4)

CSS Variable

--color: #56a5c2;

Vista

Legibilidad y tipografía

Prueba de titular

Este texto demuestra la experiencia de lectura sobre este color de fondo.

Prueba de titular

Este texto demuestra la experiencia de lectura sobre este color de fondo.

Conjunto de componentes UI

Este es un ejemplo de barra de notificación con el color seleccionado.

SOLIDSOFTOUTLINE

Mockup de producto

4582 •••• •••• 9018

TITULAR DE TARJETA

JOHN DOE

VÁLIDA

12/28

Aplicación móvil

Atención al cliente

¡Hola! ¿En qué podemos ayudarte hoy?

¡Me encanta este nuevo color! 😍

Visualización de datos

Crecimiento semanal

+1,240

12.5%

1D

1W

1M

WED

2,450

Contraste

Contraste y legibilidad (WCAG)

Sobre fondo blanco

2.78

AP

Texto pequeño (14pt)

The quick brown fox jumps over...

AA

AAA

Texto grande / UI (18pt Bold)

AA

AAA

Sobre fondo negro

7.56

AP

Texto pequeño (14pt)

The quick brown fox jumps over...

AA

AAA

Texto grande / UI (18pt Bold)

AA

AAA

Simulador de daltonismo

ORIG

SIM

Protanopía (rojo)

#56a5c2#b2b2c2

ORIG

SIM

Deuteranopía (verde)

#56a5c2#7d76c2

ORIG

SIM

Tritanopía (azul)

#56a5c2#5a7380

ORIG

SIM

Monocromía (acromatopsia)

#56a5c2#9b9b9b

Guía de mezcla

Así puedes obtener este color a partir de pinturas físicas o tintas de impresión.

MIXING PALETTE

66%

19%

15%

RYB PIGMENTS

Azul ultramar

Pigment

66%

Blanco titanio

Pigment

19%

Amarillo cadmio

Pigment

15%

A diferencia de la luz, al mezclar pinturas los colores se oscurecen. Esta simulación imita el comportamiento de los pigmentos físicos.

Propiedades físicas

Propiedades perceptivas y relacionadas con la luz calculadas a partir del color digital.

Relación espectral

Tono cian

485–500 nm • rango más cercano del espectro visible

750 nm

380 nm

Temperatura visual

Frío

Clasificación perceptiva entre cálido y frío. Los Kelvin no se aplican a un color de interfaz arbitrario.

Frío

Neutro

Cálido

Luminancia (brillo)

32.8%

Oscuro • luminancia relativa

0%

50%

100%

Un color RGB se genera combinando varios componentes de luz de la pantalla, por lo que este rango es una comparación visual y no una longitud de onda física exacta.

Galería de gradientes

Generación de fondos y texturas CSS premium a partir de tu color.

Colores similares y relacionados

Armonías, matices y tonos similares calculados matemáticamente para este color.

Surgical

#59A4C1

ReadyTools

#4BA2C2

Frozen Wave

#56ACCA

Laguna

#36A5C9

Contessa

#C27356

Indigo

#566FC2

Puerto Rico

#56C2A9

Fuchsia Pink

#C256A5

Celery

#A5C256

Fuzzy Wuzzy Brown

#C2566F

Anakiwa

#94E1FF

Blue Lagoon

#026D88


Herramientas destacadas

WorkspaceLinksyAnalizador SEOChromoGenerador de Códigos QR

ReadyTools

CarrerasContactoHerramientas
Precios7 días gratis
SoporteSeguridadGuíasDocsBlogActualizacionesLaraVault

Seleccionar idioma

Establecer tema

ReadyTools

© 2026 ReadyTools. Todos los derechos reservados.