Navy Blue
#000080
Me gusta
856
Colores
4
Variables CSS
:root {
--c-vibrant-1: #000080;
--c-vibrant-2: #FF0000;
--c-vibrant-3: #9E2A3A;
--c-vibrant-4: #3A2525;
}Sobre esta paleta
Esta paleta de 4 colores vibrantes va de Red (#FF0000), su tono más claro, a Navy Blue (#000080), el más oscuro. Combina Navy Blue, Red, Cochineal Red y Night Red en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 6 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.
Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.
Desglose de colores
Red
#FF0000
Cochineal Red
#9E2A3A
Night Red
#3A2525
Contraste y accesibilidad
Combinaciones de colores en la paleta: 6. De ellas, 0 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.
Aa
#000080 sobre #FF0000
4,00:1
AA, texto grande
Aa
#FF0000 sobre #3A2525
3,57:1
AA, texto grande
Aa
#000080 sobre #9E2A3A
2,17:1
No aprobado
Aa
#9E2A3A sobre #3A2525
1,93:1
No aprobado
Aa
#FF0000 sobre #9E2A3A
1,85:1
No aprobado
Aa
#000080 sobre #3A2525
1,12:1
No aprobado
Paletas similares
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79