#578baf Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #578baf | RGB(87, 139, 175) |
Creado en 09/29/2026 20:37
Clasificación de colores #578baf
#578baf es Claro y Frío Color Saturación 35%, luminosidad 51%.
Tono claro de steelblue
RGB los valores son RGB(87, 139, 175)
#578baf el color contiene Rojo 34.12%, Verde 54.51% y Azul 68.63%.
oklch(61.47% 0.0781 239.97)
#578baf el color contiene Rojo 34.12%, Verde 54.51% y Azul 68.63%.
oklch(61.47% 0.0781 239.97)
Nombres de color de #578baf HEX código
≈ Hippie Blue
colores alternativos de #578baf
Color opuesto para #578baf – #af7b57
#578baf Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #578baf
cmyk
CMYK(50%, 21%, 0%, 31%)
Decimal
5737391
HEX
#578baf
HSL
hsl(205, 35%, 51%)
HSLA
hsla(205, 35%, 51%, 1)
RGB
RGB(87, 139, 175)
RGBA
RGBA(87, 139, 175, 1)
Paletas para el color #578baf:
A continuación ejemplos de paletas de colores para #578baf color HEX
el color más oscuro de los tonos oscuros es #090e11 y el más claro de los tonos claros es #eef3f7
Paleta de tonos oscuros de #578baf:
#4e7d9e
#466f8c
#3d617a
#345369
#2c4658
#233846
#1a2a35
#111c23
#090e11
#000000
Paleta de tonos claros de #578baf:
#6897b7
#79a2bf
#89aec7
#9ab9cf
#abc5d7
#bcd1df
#cddce7
#dde8ef
#eef3f7
#ffffff
Paleta complementaria de #578baf:
#578baf
#af7b57
Paleta triádica de #578baf:
#578baf
#af578b
#8baf57
Paleta cuadrada de #578baf:
#578baf
#a757af
#af7b57
#5faf57
Paleta análoga de #578baf:
#57afa7
#578baf
#575faf
Paleta dividida-complementaria de #578baf:
#578baf
#af575f
#afa757
Paleta rectangular (tetrádica) de #578baf:
#578baf
#7b57af
#af7b57
#8baf57
Paletas de colores sugeridas para #578baf HEX:
Paleta de colores con color #578baf #1:
Paleta de colores con color #578baf #2:
Paleta de colores con color #578baf #3:
Paleta de colores con color #578baf #4:
Paleta de colores con color #578baf #5:
Contraste de color
Combinaciones de colores #578baf con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#578baf
#578baf Relación de contraste
3.67:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#578baf
#578baf Relación de contraste
5.71:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #578baf color png
Visita la lista de colores populares para más colores