#586fa4 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #586fa4 | RGB(88, 111, 164) |
Creado en 09/29/2026 18:12
Clasificación de colores #586fa4
#586fa4 es semioscuro y Frío Color Saturación 30%, luminosidad 49%.
Tono claro de royalblue
RGB los valores son RGB(88, 111, 164)
#586fa4 el color contiene Rojo 34.51%, Verde 43.53% y Azul 64.31%.
oklch(54.63% 0.0877 265.69)
#586fa4 el color contiene Rojo 34.51%, Verde 43.53% y Azul 64.31%.
oklch(54.63% 0.0877 265.69)
Nombres de color de #586fa4 HEX código
≈ Waikawa Gray
colores alternativos de #586fa4
Color opuesto para #586fa4 – #a48d58
#586fa4 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #586fa4
cmyk
CMYK(46%, 32%, 0%, 36%)
Decimal
5795748
HEX
#586fa4
HSL
hsl(222, 30%, 49%)
HSLA
hsla(222, 30%, 49%, 1)
RGB
RGB(88, 111, 164)
RGBA
RGBA(88, 111, 164, 1)
Paletas para el color #586fa4:
A continuación ejemplos de paletas de colores para #586fa4 color HEX
el color más oscuro de los tonos oscuros es #090b10 y el más claro de los tonos claros es #eef1f6
Paleta de tonos oscuros de #586fa4:
#4f6494
#465983
#3e4e73
#354362
#2c3852
#232c42
#1a2131
#121621
#090b10
#000000
Paleta de tonos claros de #586fa4:
#697dad
#798cb6
#8a9abf
#9ba9c8
#acb7d2
#bcc5db
#cdd4e4
#dee2ed
#eef1f6
#ffffff
Paleta complementaria de #586fa4:
#586fa4
#a48d58
Paleta triádica de #586fa4:
#586fa4
#a4586f
#6fa458
Paleta cuadrada de #586fa4:
#586fa4
#a45895
#a48d58
#58a467
Paleta análoga de #586fa4:
#5895a4
#586fa4
#6758a4
Paleta dividida-complementaria de #586fa4:
#586fa4
#a46758
#95a458
Paleta rectangular (tetrádica) de #586fa4:
#586fa4
#8d58a4
#a48d58
#6fa458
Paletas de colores sugeridas para #586fa4 HEX:
Paleta de colores con color #586fa4 #1:
Paleta de colores con color #586fa4 #2:
Paleta de colores con color #586fa4 #3:
Paleta de colores con color #586fa4 #4:
Paleta de colores con color #586fa4 #5:
Contraste de color
Combinaciones de colores #586fa4 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#586fa4
#586fa4 Relación de contraste
4.97:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#586fa4
#586fa4 Relación de contraste
4.22:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #586fa4 color png
Visita la lista de colores populares para más colores