#5690a3 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #5690a3 | RGB(86, 144, 163) |
Creado en 09/29/2026 10:31
Clasificación de colores #5690a3
#5690a3 es Claro y Frío Color Saturación 31%, luminosidad 49%.
Tono oscuro de cadetblue
RGB los valores son RGB(86, 144, 163)
#5690a3 el color contiene Rojo 33.73%, Verde 56.47% y Azul 63.92%.
oklch(62.09% 0.067 221.01)
#5690a3 el color contiene Rojo 33.73%, Verde 56.47% y Azul 63.92%.
oklch(62.09% 0.067 221.01)
Nombres de color de #5690a3 HEX código
≈ Horizon
colores alternativos de #5690a3
Color opuesto para #5690a3 – #a36956
#5690a3 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #5690a3
cmyk
CMYK(47%, 12%, 0%, 36%)
Decimal
5673123
HEX
#5690a3
HSL
hsl(195, 31%, 49%)
HSLA
hsla(195, 31%, 49%, 1)
RGB
RGB(86, 144, 163)
RGBA
RGBA(86, 144, 163, 1)
Paletas para el color #5690a3:
A continuación ejemplos de paletas de colores para #5690a3 color HEX
el color más oscuro de los tonos oscuros es #090e10 y el más claro de los tonos claros es #eef4f6
Paleta de tonos oscuros de #5690a3:
#4d8293
#457382
#3c6572
#345662
#2b4852
#223a41
#1a2b31
#111d21
#090e10
#000000
Paleta de tonos claros de #5690a3:
#679bac
#78a6b5
#89b1bf
#9abcc8
#abc8d1
#bbd3da
#ccdee3
#dde9ed
#eef4f6
#ffffff
Paleta complementaria de #5690a3:
#5690a3
#a36956
Paleta triádica de #5690a3:
#5690a3
#a35690
#90a356
Paleta cuadrada de #5690a3:
#5690a3
#8f56a3
#a36956
#6aa356
Paleta análoga de #5690a3:
#56a38f
#5690a3
#566aa3
Paleta dividida-complementaria de #5690a3:
#5690a3
#a3566a
#a38f56
Paleta rectangular (tetrádica) de #5690a3:
#5690a3
#6956a3
#a36956
#90a356
Paletas de colores sugeridas para #5690a3 HEX:
Paleta de colores con color #5690a3 #1:
Paleta de colores con color #5690a3 #2:
Paleta de colores con color #5690a3 #3:
Paleta de colores con color #5690a3 #4:
Paleta de colores con color #5690a3 #5:
Contraste de color
Combinaciones de colores #5690a3 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#5690a3
#5690a3 Relación de contraste
3.55:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#5690a3
#5690a3 Relación de contraste
5.91:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #5690a3 color png
Visita la lista de colores populares para más colores