#5570f0 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #5570f0 | RGB(85, 112, 240) |
Creado en 10/01/2026 00:49
Clasificación de colores #5570f0
#5570f0 es Claro y Frío Color Saturación 84%, luminosidad 64%.
Tono claro de royalblue
RGB los valores son RGB(85, 112, 240)
#5570f0 el color contiene Rojo 33.33%, Verde 43.92% y Azul 94.12%.
oklch(59.43% 0.194 270.46)
#5570f0 el color contiene Rojo 33.33%, Verde 43.92% y Azul 94.12%.
oklch(59.43% 0.194 270.46)
Nombres de color de #5570f0 HEX código
≈ Royal Blue
colores alternativos de #5570f0
Color opuesto para #5570f0 – #f0d555
#5570f0 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #5570f0
cmyk
CMYK(65%, 53%, 0%, 6%)
Decimal
5599472
HEX
#5570f0
HSL
hsl(230, 84%, 64%)
HSLA
hsla(230, 84%, 64%, 1)
RGB
RGB(85, 112, 240)
RGBA
RGBA(85, 112, 240, 1)
Paletas para el color #5570f0:
A continuación ejemplos de paletas de colores para #5570f0 color HEX
el color más oscuro de los tonos oscuros es #080b18 y el más claro de los tonos claros es #eef1fe
Paleta de tonos oscuros de #5570f0:
#4d65d8
#445ac0
#3b4ea8
#334390
#2b3878
#222d60
#1a2248
#111630
#080b18
#000000
Paleta de tonos claros de #5570f0:
#667ef2
#778df3
#889bf5
#99a9f6
#aab8f8
#bbc6f9
#ccd4fb
#dde2fc
#eef1fe
#ffffff
Paleta complementaria de #5570f0:
#5570f0
#f0d555
Paleta triádica de #5570f0:
#5570f0
#f05570
#70f055
Paleta cuadrada de #5570f0:
#5570f0
#f055be
#f0d555
#55f087
Paleta análoga de #5570f0:
#55bef0
#5570f0
#8755f0
Paleta dividida-complementaria de #5570f0:
#5570f0
#f08755
#bef055
Paleta rectangular (tetrádica) de #5570f0:
#5570f0
#d555f0
#f0d555
#70f055
Paletas de colores sugeridas para #5570f0 HEX:
Paleta de colores con color #5570f0 #1:
Paleta de colores con color #5570f0 #2:
Paleta de colores con color #5570f0 #3:
Paleta de colores con color #5570f0 #4:
Paleta de colores con color #5570f0 #5:
Contraste de color
Combinaciones de colores #5570f0 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#5570f0
#5570f0 Relación de contraste
4.23:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#5570f0
#5570f0 Relación de contraste
4.96:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #5570f0 color png
Visita la lista de colores populares para más colores