#586ea6 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #586ea6 | RGB(88, 110, 166) |
Creado en 09/30/2026 07:11
Clasificación de colores #586ea6
#586ea6 es semioscuro y Frío Color Saturación 31%, luminosidad 50%.
Tono claro de royalblue
RGB los valores son RGB(88, 110, 166)
#586ea6 el color contiene Rojo 34.51%, Verde 43.14% y Azul 65.1%.
oklch(54.52% 0.0918 267.03)
#586ea6 el color contiene Rojo 34.51%, Verde 43.14% y Azul 65.1%.
oklch(54.52% 0.0918 267.03)
Nombres de color de #586ea6 HEX código
≈ Waikawa Gray
colores alternativos de #586ea6
Color opuesto para #586ea6 – #a69058
#586ea6 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #586ea6
cmyk
CMYK(47%, 34%, 0%, 35%)
Decimal
5795494
HEX
#586ea6
HSL
hsl(223, 31%, 50%)
HSLA
hsla(223, 31%, 50%, 1)
RGB
RGB(88, 110, 166)
RGBA
RGBA(88, 110, 166, 1)
Paletas para el color #586ea6:
A continuación ejemplos de paletas de colores para #586ea6 color HEX
el color más oscuro de los tonos oscuros es #090b11 y el más claro de los tonos claros es #eef1f6
Paleta de tonos oscuros de #586ea6:
#4f6395
#465885
#3e4d74
#354264
#2c3753
#232c42
#1a2132
#121621
#090b11
#000000
Paleta de tonos claros de #586ea6:
#697daf
#798bb8
#8a9ac1
#9ba8ca
#acb7d3
#bcc5db
#cdd4e4
#dee2ed
#eef1f6
#ffffff
Paleta complementaria de #586ea6:
#586ea6
#a69058
Paleta triádica de #586ea6:
#586ea6
#a6586e
#6ea658
Paleta cuadrada de #586ea6:
#586ea6
#a65895
#a69058
#58a669
Paleta análoga de #586ea6:
#5895a6
#586ea6
#6958a6
Paleta dividida-complementaria de #586ea6:
#586ea6
#a66958
#95a658
Paleta rectangular (tetrádica) de #586ea6:
#586ea6
#9058a6
#a69058
#6ea658
Paletas de colores sugeridas para #586ea6 HEX:
Paleta de colores con color #586ea6 #1:
Paleta de colores con color #586ea6 #2:
Paleta de colores con color #586ea6 #3:
Paleta de colores con color #586ea6 #4:
Paleta de colores con color #586ea6 #5:
Contraste de color
Combinaciones de colores #586ea6 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#586ea6
#586ea6 Relación de contraste
5:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#586ea6
#586ea6 Relación de contraste
4.19:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #586ea6 color png
Visita la lista de colores populares para más colores