#4670e4 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #4670e4 | RGB(70, 112, 228) |
Creado en 09/29/2026 18:15
Clasificación de colores #4670e4
#4670e4 es Claro y Frío Color Saturación 75%, luminosidad 58%.
Tono claro de royalblue
RGB los valores son RGB(70, 112, 228)
#4670e4 el color contiene Rojo 27.45%, Verde 43.92% y Azul 89.41%.
oklch(57.82% 0.1823 265.9)
#4670e4 el color contiene Rojo 27.45%, Verde 43.92% y Azul 89.41%.
oklch(57.82% 0.1823 265.9)
Nombres de color de #4670e4 HEX código
≈ Royal Blue
colores alternativos de #4670e4
Color opuesto para #4670e4 – #e4ba46
#4670e4 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #4670e4
cmyk
CMYK(69%, 51%, 0%, 11%)
Decimal
4616420
HEX
#4670e4
HSL
hsl(224, 75%, 58%)
HSLA
hsla(224, 75%, 58%, 1)
RGB
RGB(70, 112, 228)
RGBA
RGBA(70, 112, 228, 1)
Paletas para el color #4670e4:
A continuación ejemplos de paletas de colores para #4670e4 color HEX
el color más oscuro de los tonos oscuros es #070b17 y el más claro de los tonos claros es #edf1fc
Paleta de tonos oscuros de #4670e4:
#3f65cd
#385ab6
#314ea0
#2a4389
#233872
#1c2d5b
#152244
#0e162e
#070b17
#000000
Paleta de tonos claros de #4670e4:
#597ee7
#6b8de9
#7e9bec
#90a9ef
#a3b8f2
#b5c6f4
#c8d4f7
#dae2fa
#edf1fc
#ffffff
Paleta complementaria de #4670e4:
#4670e4
#e4ba46
Paleta triádica de #4670e4:
#4670e4
#e44670
#70e446
Paleta cuadrada de #4670e4:
#4670e4
#e446bf
#e4ba46
#46e46b
Paleta análoga de #4670e4:
#46bfe4
#4670e4
#6b46e4
Paleta dividida-complementaria de #4670e4:
#4670e4
#e46b46
#bfe446
Paleta rectangular (tetrádica) de #4670e4:
#4670e4
#ba46e4
#e4ba46
#70e446
Paletas de colores sugeridas para #4670e4 HEX:
Paleta de colores con color #4670e4 #1:
Paleta de colores con color #4670e4 #2:
Paleta de colores con color #4670e4 #3:
Paleta de colores con color #4670e4 #4:
Paleta de colores con color #4670e4 #5:
Contraste de color
Combinaciones de colores #4670e4 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#4670e4
#4670e4 Relación de contraste
4.46:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#4670e4
#4670e4 Relación de contraste
4.69:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #4670e4 color png
Visita la lista de colores populares para más colores