#366ec3 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #366ec3 | RGB(54, 110, 195) |
Creado en 09/29/2026 06:47
Clasificación de colores #366ec3
#366ec3 es semioscuro y Frío Color Saturación 57%, luminosidad 49%.
Tono oscuro de royalblue
RGB los valores son RGB(54, 110, 195)
#366ec3 el color contiene Rojo 21.18%, Verde 43.14% y Azul 76.47%.
oklch(54.46% 0.1453 258.65)
#366ec3 el color contiene Rojo 21.18%, Verde 43.14% y Azul 76.47%.
oklch(54.46% 0.1453 258.65)
Nombres de color de #366ec3 HEX código
≈ Mariner
colores alternativos de #366ec3
Color opuesto para #366ec3 – #c38b36
#366ec3 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #366ec3
cmyk
CMYK(72%, 44%, 0%, 24%)
Decimal
3567299
HEX
#366ec3
HSL
hsl(216, 57%, 49%)
HSLA
hsla(216, 57%, 49%, 1)
RGB
RGB(54, 110, 195)
RGBA
RGBA(54, 110, 195, 1)
Paletas para el color #366ec3:
A continuación ejemplos de paletas de colores para #366ec3 color HEX
el color más oscuro de los tonos oscuros es #050b13 y el más claro de los tonos claros es #ebf1f9
Paleta de tonos oscuros de #366ec3:
#3163b0
#2b589c
#264d89
#204275
#1b3762
#162c4e
#10213b
#0b1627
#050b13
#000000
Paleta de tonos claros de #366ec3:
#4a7dc9
#5e8bcf
#729ad5
#86a8db
#9bb7e1
#afc5e7
#c3d4ed
#d7e2f3
#ebf1f9
#ffffff
Paleta complementaria de #366ec3:
#366ec3
#c38b36
Paleta triádica de #366ec3:
#366ec3
#c3366e
#6ec336
Paleta cuadrada de #366ec3:
#366ec3
#c336b4
#c38b36
#36c345
Paleta análoga de #366ec3:
#36b4c3
#366ec3
#4536c3
Paleta dividida-complementaria de #366ec3:
#366ec3
#c34536
#b5c336
Paleta rectangular (tetrádica) de #366ec3:
#366ec3
#8b36c3
#c38b36
#6ec336
Paletas de colores sugeridas para #366ec3 HEX:
Paleta de colores con color #366ec3 #1:
Paleta de colores con color #366ec3 #2:
Paleta de colores con color #366ec3 #3:
Paleta de colores con color #366ec3 #4:
Paleta de colores con color #366ec3 #5:
Contraste de color
Combinaciones de colores #366ec3 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#366ec3
#366ec3 Relación de contraste
5.02:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#366ec3
#366ec3 Relación de contraste
4.17:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #366ec3 color png
Visita la lista de colores populares para más colores