#314c9c Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #314c9c | RGB(49, 76, 156) |
Creado en 02/18/2023 22:44
Clasificación de colores #314c9c
#314c9c es semioscuro y Frío Color Saturación 52%, luminosidad 40%.
Tono claro de darkslateblue
RGB los valores son RGB(49, 76, 156)
#314c9c el color contiene Rojo 19.22%, Verde 29.8% y Azul 61.18%.
oklch(44.11% 0.1343 266.8)
#314c9c el color contiene Rojo 19.22%, Verde 29.8% y Azul 61.18%.
oklch(44.11% 0.1343 266.8)
Nombres de color de #314c9c HEX código
≈ Sapphire
colores alternativos de #314c9c
Color opuesto para #314c9c – #9c8131
#314c9c Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #314c9c
cmyk
CMYK(69%, 51%, 0%, 39%)
Decimal
3230876
HEX
#314c9c
HSL
hsl(225, 52%, 40%)
HSLA
hsla(225, 52%, 40%, 1)
RGB
RGB(49, 76, 156)
RGBA
RGBA(49, 76, 156, 1)
Paletas para el color #314c9c:
A continuación ejemplos de paletas de colores para #314c9c color HEX
el color más oscuro de los tonos oscuros es #050810 y el más claro de los tonos claros es #eaedf5
Paleta de tonos oscuros de #314c9c:
#2c448c
#273d7d
#22356d
#1d2e5e
#19264e
#141e3e
#0f172f
#0a0f1f
#050810
#000000
Paleta de tonos claros de #314c9c:
#465ea6
#5a70b0
#6f82ba
#8394c4
#98a6ce
#adb7d7
#c1c9e1
#d6dbeb
#eaedf5
#ffffff
Paleta complementaria de #314c9c:
#314c9c
#9c8131
Paleta triádica de #314c9c:
#314c9c
#9c314c
#4c9c31
Paleta cuadrada de #314c9c:
#314c9c
#9c3182
#9c8131
#319c4c
Paleta análoga de #314c9c:
#31829c
#314c9c
#4c319c
Paleta dividida-complementaria de #314c9c:
#314c9c
#9c4c31
#829c31
Paleta rectangular (tetrádica) de #314c9c:
#314c9c
#81319c
#9c8131
#4c9c31
Paletas de colores sugeridas para #314c9c HEX:
Paleta de colores con color #314c9c #1:
Paleta de colores con color #314c9c #2:
Paleta de colores con color #314c9c #3:
Paleta de colores con color #314c9c #4:
Paleta de colores con color #314c9c #5:
Color #314c9c usado en paletas (1)
Contraste de color
Combinaciones de colores #314c9c con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#314c9c
#314c9c Relación de contraste
7.94:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#314c9c
#314c9c Relación de contraste
2.64:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #314c9c color png
Visita la lista de colores populares para más colores