#336DBB

#336DBB

white

#FFFFFF

Ratio de contraste

5,19:1

Delta E

71,8

Very Different

Mezcla 50:50

#A3B3DD

Valores de color

Formato #336DBB #FFFFFF
HEX #336DBB #FFFFFF
RGB 51, 109, 187 255, 255, 255
HSL 214,4, 57,1%, 46,7% 0,0, 0,0%, 100,0%
HSV 214,4, 72,7%, 73,3% 0,0, 0,0%, 100,0%
CMYK 72,7%, 41,7%, 0,0%, 26,7% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,5361 0,1367 256,7 1,0 0,0 89,9

Contraste y accesibilidad

5,19:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Legibilidad del texto

El rápido zorro marrón salta sobre el perro perezoso

Texto: #FFFFFF → Fondo: #336DBB

El rápido zorro marrón salta sobre el perro perezoso

Texto: #336DBB → Fondo: #FFFFFF

Diferencia de color (Delta E)

71,8 Very Different
0 — Idéntico 5 — Similar 25 — Diferencia notable 100 — Muy diferente

Degradado

#336DBB #6083C7 #839BD2 #A3B3DD #C2CBE9 #E1E5F4 #FFFFFF

Mezcla de colores

#336DBB

100%

#728FCC

75:25

#A3B3DD

50:50

#D1D8EE

25:75

#FFFFFF

100%

Código de degradado CSS

background: linear-gradient(to right, #336DBB, #FFFFFF);
background: linear-gradient(135deg, #336DBB, #FFFFFF);

Explorar cada color

#336DBB

Ver todos los detalles del color

white

Ver todos los detalles del color

Comparaciones relacionadas