#557fad Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #557fad | RGB(85, 127, 173) |
Creado en 09/30/2026 04:46
Clasificación de colores #557fad
#557fad es Claro y Frío Color Saturación 35%, luminosidad 51%.
Tono claro de steelblue
RGB los valores son RGB(85, 127, 173)
#557fad el color contiene Rojo 33.33%, Verde 49.8% y Azul 67.84%.
oklch(58.51% 0.0851 251.56)
#557fad el color contiene Rojo 33.33%, Verde 49.8% y Azul 67.84%.
oklch(58.51% 0.0851 251.56)
Nombres de color de #557fad HEX código
≈ Horizon
colores alternativos de #557fad
Color opuesto para #557fad – #ad8355
#557fad Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #557fad
cmyk
CMYK(51%, 27%, 0%, 32%)
Decimal
5603245
HEX
#557fad
HSL
hsl(211, 35%, 51%)
HSLA
hsla(211, 35%, 51%, 1)
RGB
RGB(85, 127, 173)
RGBA
RGBA(85, 127, 173, 1)
Paletas para el color #557fad:
A continuación ejemplos de paletas de colores para #557fad color HEX
el color más oscuro de los tonos oscuros es #080d11 y el más claro de los tonos claros es #eef2f7
Paleta de tonos oscuros de #557fad:
#4d729c
#44668a
#3b5979
#334c68
#2b4057
#223345
#1a2634
#111923
#080d11
#000000
Paleta de tonos claros de #557fad:
#668cb5
#7799bd
#88a5c6
#99b2ce
#aabfd6
#bbccde
#ccd9e6
#dde5ef
#eef2f7
#ffffff
Paleta complementaria de #557fad:
#557fad
#ad8355
Paleta triádica de #557fad:
#557fad
#ad557f
#7fad55
Paleta cuadrada de #557fad:
#557fad
#ad55ab
#ad8355
#55ad57
Paleta análoga de #557fad:
#55abad
#557fad
#5755ad
Paleta dividida-complementaria de #557fad:
#557fad
#ad5755
#abad55
Paleta rectangular (tetrádica) de #557fad:
#557fad
#8355ad
#ad8355
#7fad55
Paletas de colores sugeridas para #557fad HEX:
Paleta de colores con color #557fad #1:
Paleta de colores con color #557fad #2:
Paleta de colores con color #557fad #3:
Paleta de colores con color #557fad #4:
Paleta de colores con color #557fad #5:
Contraste de color
Combinaciones de colores #557fad con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#557fad
#557fad Relación de contraste
4.17:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#557fad
#557fad Relación de contraste
5.02:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #557fad color png
Visita la lista de colores populares para más colores