#3f8ed9 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #3f8ed9 | RGB(63, 142, 217) |
Creado en 09/29/2026 17:27
Clasificación de colores #3f8ed9
#3f8ed9 es Claro y Frío Color Saturación 67%, luminosidad 55%.
Tono claro de dodgerblue
RGB los valores son RGB(63, 142, 217)
#3f8ed9 el color contiene Rojo 24.71%, Verde 55.69% y Azul 85.1%.
oklch(63.25% 0.1371 249.91)
#3f8ed9 el color contiene Rojo 24.71%, Verde 55.69% y Azul 85.1%.
oklch(63.25% 0.1371 249.91)
Nombres de color de #3f8ed9 HEX código
≈ Havelock Blue
colores alternativos de #3f8ed9
Color opuesto para #3f8ed9 – #d98a3f
#3f8ed9 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #3f8ed9
cmyk
CMYK(71%, 35%, 0%, 15%)
Decimal
4165337
HEX
#3f8ed9
HSL
hsl(209, 67%, 55%)
HSLA
hsla(209, 67%, 55%, 1)
RGB
RGB(63, 142, 217)
RGBA
RGBA(63, 142, 217, 1)
Paletas para el color #3f8ed9:
A continuación ejemplos de paletas de colores para #3f8ed9 color HEX
el color más oscuro de los tonos oscuros es #060e16 y el más claro de los tonos claros es #ecf4fb
Paleta de tonos oscuros de #3f8ed9:
#3980c3
#3272ae
#2c6398
#265582
#20476d
#193957
#132b41
#0d1c2b
#060e16
#000000
Paleta de tonos claros de #3f8ed9:
#5299dd
#65a5e1
#79b0e4
#8cbbe8
#9fc7ec
#b2d2f0
#c5ddf4
#d9e8f7
#ecf4fb
#ffffff
Paleta complementaria de #3f8ed9:
#3f8ed9
#d98a3f
Paleta triádica de #3f8ed9:
#3f8ed9
#d93f8e
#8ed93f
Paleta cuadrada de #3f8ed9:
#3f8ed9
#d73fd9
#d98a3f
#41d93f
Paleta análoga de #3f8ed9:
#3fd9d7
#3f8ed9
#3f41d9
Paleta dividida-complementaria de #3f8ed9:
#3f8ed9
#d93f41
#d9d73f
Paleta rectangular (tetrádica) de #3f8ed9:
#3f8ed9
#8a3fd9
#d98a3f
#8ed93f
Paletas de colores sugeridas para #3f8ed9 HEX:
Paleta de colores con color #3f8ed9 #1:
Paleta de colores con color #3f8ed9 #2:
Paleta de colores con color #3f8ed9 #3:
Paleta de colores con color #3f8ed9 #4:
Paleta de colores con color #3f8ed9 #5:
Contraste de color
Combinaciones de colores #3f8ed9 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#3f8ed9
#3f8ed9 Relación de contraste
3.45:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#3f8ed9
#3f8ed9 Relación de contraste
6.08:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #3f8ed9 color png
Visita la lista de colores populares para más colores