#3f6bc2 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #3f6bc2 | RGB(63, 107, 194) |
Creado en 09/30/2026 22:28
Clasificación de colores #3f6bc2
#3f6bc2 es semioscuro y Frío Color Saturación 52%, luminosidad 50%.
Tono oscuro de royalblue
RGB los valores son RGB(63, 107, 194)
#3f6bc2 el color contiene Rojo 24.71%, Verde 41.96% y Azul 76.08%.
oklch(54.12% 0.1445 262.43)
#3f6bc2 el color contiene Rojo 24.71%, Verde 41.96% y Azul 76.08%.
oklch(54.12% 0.1445 262.43)
Nombres de color de #3f6bc2 HEX código
≈ Indigo
colores alternativos de #3f6bc2
Color opuesto para #3f6bc2 – #c2963f
#3f6bc2 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #3f6bc2
cmyk
CMYK(68%, 45%, 0%, 24%)
Decimal
4156354
HEX
#3f6bc2
HSL
hsl(220, 52%, 50%)
HSLA
hsla(220, 52%, 50%, 1)
RGB
RGB(63, 107, 194)
RGBA
RGBA(63, 107, 194, 1)
Paletas para el color #3f6bc2:
A continuación ejemplos de paletas de colores para #3f6bc2 color HEX
el color más oscuro de los tonos oscuros es #060b13 y el más claro de los tonos claros es #ecf0f9
Paleta de tonos oscuros de #3f6bc2:
#3960af
#32569b
#2c4b88
#264074
#203661
#192b4e
#13203a
#0d1527
#060b13
#000000
Paleta de tonos claros de #3f6bc2:
#527ac8
#6589ce
#7997d4
#8ca6da
#9fb5e1
#b2c4e7
#c5d3ed
#d9e1f3
#ecf0f9
#ffffff
Paleta complementaria de #3f6bc2:
#3f6bc2
#c2963f
Paleta triádica de #3f6bc2:
#3f6bc2
#c23f6b
#6bc23f
Paleta cuadrada de #3f6bc2:
#3f6bc2
#c23fac
#c2963f
#3fc255
Paleta análoga de #3f6bc2:
#3facc2
#3f6bc2
#553fc2
Paleta dividida-complementaria de #3f6bc2:
#3f6bc2
#c2543f
#acc23f
Paleta rectangular (tetrádica) de #3f6bc2:
#3f6bc2
#963fc2
#c2963f
#6bc23f
Paletas de colores sugeridas para #3f6bc2 HEX:
Paleta de colores con color #3f6bc2 #1:
Paleta de colores con color #3f6bc2 #2:
Paleta de colores con color #3f6bc2 #3:
Paleta de colores con color #3f6bc2 #4:
Paleta de colores con color #3f6bc2 #5:
Contraste de color
Combinaciones de colores #3f6bc2 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#3f6bc2
#3f6bc2 Relación de contraste
5.13:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#3f6bc2
#3f6bc2 Relación de contraste
4.09:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #3f6bc2 color png
Visita la lista de colores populares para más colores