#3f89e0 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #3f89e0 | RGB(63, 137, 224) |
Creado en 09/30/2026 09:31
Clasificación de colores #3f89e0
#3f89e0 es Claro y Frío Color Saturación 72%, luminosidad 56%.
Tono claro de dodgerblue
RGB los valores son RGB(63, 137, 224)
#3f89e0 el color contiene Rojo 24.71%, Verde 53.73% y Azul 87.84%.
oklch(62.54% 0.1508 254.33)
#3f89e0 el color contiene Rojo 24.71%, Verde 53.73% y Azul 87.84%.
oklch(62.54% 0.1508 254.33)
Nombres de color de #3f89e0 HEX código
≈ Havelock Blue
colores alternativos de #3f89e0
Color opuesto para #3f89e0 – #e0963f
#3f89e0 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #3f89e0
cmyk
CMYK(72%, 39%, 0%, 12%)
Decimal
4164064
HEX
#3f89e0
HSL
hsl(212, 72%, 56%)
HSLA
hsla(212, 72%, 56%, 1)
RGB
RGB(63, 137, 224)
RGBA
RGBA(63, 137, 224, 1)
Paletas para el color #3f89e0:
A continuación ejemplos de paletas de colores para #3f89e0 color HEX
el color más oscuro de los tonos oscuros es #060e16 y el más claro de los tonos claros es #ecf3fc
Paleta de tonos oscuros de #3f89e0:
#397bca
#326eb3
#2c609d
#265286
#204570
#19375a
#132943
#0d1b2d
#060e16
#000000
Paleta de tonos claros de #3f89e0:
#5295e3
#65a1e6
#79ace9
#8cb8ec
#9fc4f0
#b2d0f3
#c5dcf6
#d9e7f9
#ecf3fc
#ffffff
Paleta complementaria de #3f89e0:
#3f89e0
#e0963f
Paleta triádica de #3f89e0:
#3f89e0
#e03f89
#89e03f
Paleta cuadrada de #3f89e0:
#3f89e0
#e03fda
#e0963f
#3fe046
Paleta análoga de #3f89e0:
#3fdae0
#3f89e0
#453fe0
Paleta dividida-complementaria de #3f89e0:
#3f89e0
#e0463f
#dae03f
Paleta rectangular (tetrádica) de #3f89e0:
#3f89e0
#963fe0
#e0963f
#89e03f
Paletas de colores sugeridas para #3f89e0 HEX:
Paleta de colores con color #3f89e0 #1:
Paleta de colores con color #3f89e0 #2:
Paleta de colores con color #3f89e0 #3:
Paleta de colores con color #3f89e0 #4:
Paleta de colores con color #3f89e0 #5:
Contraste de color
Combinaciones de colores #3f89e0 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#3f89e0
#3f89e0 Relación de contraste
3.57:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#3f89e0
#3f89e0 Relación de contraste
5.86:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #3f89e0 color png
Visita la lista de colores populares para más colores