#336cff Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #336cff | RGB(51, 108, 255) |
Creado en 04/22/2024 18:12
Clasificación de colores #336cff
#336cff es Claro y Frío Color Saturación 100%, luminosidad 60%.
Tono claro de royalblue
RGB los valores son RGB(51, 108, 255)
#336cff el color contiene Rojo 20%, Verde 42.35% y Azul 100%.
oklch(58.37% 0.2269 264.29)
#336cff el color contiene Rojo 20%, Verde 42.35% y Azul 100%.
oklch(58.37% 0.2269 264.29)
Nombres de color de #336cff HEX código
≈ Royal Blue
colores alternativos de #336cff
Color opuesto para #336cff – #ffc633
#336cff Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #336cff
cmyk
CMYK(80%, 58%, 0%, 0%)
Decimal
3370239
HEX
#336cff
HSL
hsl(223, 100%, 60%)
HSLA
hsla(223, 100%, 60%, 1)
RGB
RGB(51, 108, 255)
RGBA
RGBA(51, 108, 255, 1)
Paletas para el color #336cff:
A continuación ejemplos de paletas de colores para #336cff color HEX
el color más oscuro de los tonos oscuros es #050b19 y el más claro de los tonos claros es #ebf0ff
Paleta de tonos oscuros de #336cff:
#2e61e6
#2956cc
#244cb3
#1f4199
#1a3680
#142b66
#0f204d
#0a1633
#050b19
#000000
Paleta de tonos claros de #336cff:
#477bff
#5c89ff
#7098ff
#85a7ff
#99b6ff
#adc4ff
#c2d3ff
#d6e2ff
#ebf0ff
#ffffff
Paleta complementaria de #336cff:
#336cff
#ffc633
Paleta triádica de #336cff:
#336cff
#ff336c
#6cff33
Paleta cuadrada de #336cff:
#336cff
#ff33d2
#ffc633
#33ff60
Paleta análoga de #336cff:
#33d2ff
#336cff
#6033ff
Paleta dividida-complementaria de #336cff:
#336cff
#ff6033
#d2ff33
Paleta rectangular (tetrádica) de #336cff:
#336cff
#c633ff
#ffc633
#6cff33
Paletas de colores sugeridas para #336cff HEX:
Paleta de colores con color #336cff #1:
Paleta de colores con color #336cff #2:
Paleta de colores con color #336cff #3:
Paleta de colores con color #336cff #4:
Paleta de colores con color #336cff #5:
Contraste de color
Combinaciones de colores #336cff con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#336cff
#336cff Relación de contraste
4.43:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#336cff
#336cff Relación de contraste
4.72:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #336cff color png
Visita la lista de colores populares para más colores