#456ed9 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #456ed9 | RGB(69, 110, 217) |
Creado en 10/01/2026 01:29
Clasificación de colores #456ed9
#456ed9 es semioscuro y Frío Color Saturación 66%, luminosidad 56%.
Tono claro de royalblue
RGB los valores son RGB(69, 110, 217)
#456ed9 el color contiene Rojo 27.06%, Verde 43.14% y Azul 85.1%.
oklch(56.59% 0.1703 265.5)
#456ed9 el color contiene Rojo 27.06%, Verde 43.14% y Azul 85.1%.
oklch(56.59% 0.1703 265.5)
Nombres de color de #456ed9 HEX código
≈ Royal Blue
colores alternativos de #456ed9
Color opuesto para #456ed9 – #d9b045
#456ed9 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #456ed9
cmyk
CMYK(68%, 49%, 0%, 15%)
Decimal
4550361
HEX
#456ed9
HSL
hsl(223, 66%, 56%)
HSLA
hsla(223, 66%, 56%, 1)
RGB
RGB(69, 110, 217)
RGBA
RGBA(69, 110, 217, 1)
Paletas para el color #456ed9:
A continuación ejemplos de paletas de colores para #456ed9 color HEX
el color más oscuro de los tonos oscuros es #070b16 y el más claro de los tonos claros es #ecf1fb
Paleta de tonos oscuros de #456ed9:
#3e63c3
#3758ae
#304d98
#294282
#23376d
#1c2c57
#152141
#0e162b
#070b16
#000000
Paleta de tonos claros de #456ed9:
#587ddd
#6a8be1
#7d9ae4
#8fa8e8
#a2b7ec
#b5c5f0
#c7d4f4
#dae2f7
#ecf1fb
#ffffff
Paleta complementaria de #456ed9:
#456ed9
#d9b045
Paleta triádica de #456ed9:
#456ed9
#d9456e
#6ed945
Paleta cuadrada de #456ed9:
#456ed9
#d945b8
#d9b045
#45d966
Paleta análoga de #456ed9:
#45b8d9
#456ed9
#6645d9
Paleta dividida-complementaria de #456ed9:
#456ed9
#d96645
#b8d945
Paleta rectangular (tetrádica) de #456ed9:
#456ed9
#b045d9
#d9b045
#6ed945
Paletas de colores sugeridas para #456ed9 HEX:
Paleta de colores con color #456ed9 #1:
Paleta de colores con color #456ed9 #2:
Paleta de colores con color #456ed9 #3:
Paleta de colores con color #456ed9 #4:
Paleta de colores con color #456ed9 #5:
Contraste de color
Combinaciones de colores #456ed9 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#456ed9
#456ed9 Relación de contraste
4.68:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#456ed9
#456ed9 Relación de contraste
4.48:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #456ed9 color png
Visita la lista de colores populares para más colores