#334e99 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #334e99 | RGB(51, 78, 153) |
Creado en 12/01/2023 10:02
Clasificación de colores #334e99
#334e99 es semioscuro y Frío Color Saturación 50%, luminosidad 40%.
Tono claro de darkslateblue
RGB los valores son RGB(51, 78, 153)
#334e99 el color contiene Rojo 20%, Verde 30.59% y Azul 60%.
oklch(44.43% 0.1267 266.42)
#334e99 el color contiene Rojo 20%, Verde 30.59% y Azul 60%.
oklch(44.43% 0.1267 266.42)
Nombres de color de #334e99 HEX código
≈ Sapphire
colores alternativos de #334e99
Color opuesto para #334e99 – #997e33
#334e99 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #334e99
cmyk
CMYK(67%, 49%, 0%, 40%)
Decimal
3362457
HEX
#334e99
HSL
hsl(224, 50%, 40%)
HSLA
hsla(224, 50%, 40%, 1)
RGB
RGB(51, 78, 153)
RGBA
RGBA(51, 78, 153, 1)
Paletas para el color #334e99:
A continuación ejemplos de paletas de colores para #334e99 color HEX
el color más oscuro de los tonos oscuros es #05080f y el más claro de los tonos claros es #ebedf5
Paleta de tonos oscuros de #334e99:
#2e468a
#293e7a
#24376b
#1f2f5c
#1a274d
#141f3d
#0f172e
#0a101f
#05080f
#000000
Paleta de tonos claros de #334e99:
#4760a3
#5c71ad
#7083b8
#8595c2
#99a7cc
#adb8d6
#c2cae0
#d6dceb
#ebedf5
#ffffff
Paleta complementaria de #334e99:
#334e99
#997e33
Paleta triádica de #334e99:
#334e99
#99334e
#4e9933
Paleta cuadrada de #334e99:
#334e99
#993381
#997e33
#33994b
Paleta análoga de #334e99:
#338199
#334e99
#4b3399
Paleta dividida-complementaria de #334e99:
#334e99
#994b33
#819933
Paleta rectangular (tetrádica) de #334e99:
#334e99
#7e3399
#997e33
#4e9933
Paletas de colores sugeridas para #334e99 HEX:
Paleta de colores con color #334e99 #1:
Paleta de colores con color #334e99 #2:
Paleta de colores con color #334e99 #3:
Paleta de colores con color #334e99 #4:
Paleta de colores con color #334e99 #5:
Contraste de color
Combinaciones de colores #334e99 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#334e99
#334e99 Relación de contraste
7.8:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#334e99
#334e99 Relación de contraste
2.69:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #334e99 color png
Visita la lista de colores populares para más colores