#4b82b2
Steel Blue
Coincidencia más cercana (99% de coincidencia)
Formatos de color
RGB
rgb(75, 130, 178)
Componentes Rojo, Verde y Azul
HSL
hsl(208, 41%, 50%)
Tono, Saturación, Luminosidad
CMYK
cmyk(58, 27, 0, 30)
Codificación de color para impresión
Luminance
0.207
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)
#4b82b2
#b27b4b
Análogo (Adyacente)
#4bb2af
#4b82b2
#4b4eb2
Triádico (Triángulo)
#4b82b2
#b24b82
#82b24b
Complementario dividido
#4b82b2
#b24b4f
#b2ae4b
Tabla de conversión completa
HEX
#4B82B2
RGB
rgb(75,130,178)
RGBA
rgba(75,130,178, 1)
HSL
hsl(207.96,40.71%,49.61%)
OKLCH (CSS moderno)
oklch(0.59 0.09 246.6)
CSS Variable
--color: #4b82b2;
CMYK
C: 58% M: 27% Y: 0% K: 30%
Nota: La conversión de colores web (RGB) a colores de impresión (CMYK) nunca es 100% precisa debido a limitaciones físicas. Solicita siempre una prueba antes de imprimir.
Android ARGB
0xFF4B82B2
Swift UIColor
UIColor(red: 0.29, green: 0.51, blue: 0.70, alpha: 1.0)
Decimal (int)
4948658
JSON
{ "color": "#4B82B2" }
CIE LAB
L: 52.6 a: -3.7 b: -30.8
CIE LCH
L: 52.6 C: 31.1 H: 263.1
CIE XYZ
N/A
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.
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
4.09
Texto pequeño (14pt)
The quick brown fox jumps over...
AA
AAA
Texto grande / UI (18pt Bold)
AA
AAA
Sobre fondo negro
5.14
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)
ORIG
SIM
Deuteranopía (verde)
ORIG
SIM
Tritanopía (azul)
ORIG
SIM
Monocromía (acromatopsia)
Guía de mezcla
Así puedes obtener este color a partir de pinturas físicas o tintas de impresión.
MIXING PALETTE
85%
13%
2%
RYB PIGMENTS
Azul ultramar
Pigment
85%
Amarillo cadmio
Pigment
13%
Negro marfil
Pigment
2%
A diferencia de la luz, al mezclar pinturas los colores se oscurecen. Esta simulación imita el comportamiento de los pigmentos físicos.
INK LEVELS
58%
CYAN
30%
KEY
27%
MAGENTA
CMYK INKS
Cian
Ink
58%
Negro (Key)
Ink
30%
Magenta
Ink
27%
Propiedades físicas
Propiedades perceptivas y relacionadas con la luz calculadas a partir del color digital.
Relación espectral
Tono azul
450–495 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)
20.7%
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.