#558DCC

#558DCC

white

#FFFFFF

Ratio de contraste

3,46:1

Delta E

57,13

Very Different

Mezcla 50:50

#AFC4E6

Valores de color

Formato #558DCC #FFFFFF
HEX #558DCC #FFFFFF
RGB 85, 141, 204 255, 255, 255
HSL 211,8, 53,8%, 56,7% 0,0, 0,0%, 100,0%
HSV 211,8, 58,3%, 80,0% 0,0, 0,0%, 100,0%
CMYK 58,3%, 30,9%, 0,0%, 20,0% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,6322 0,1125 252,5 1,0 0,0 89,9

Contraste y accesibilidad

3,46:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Legibilidad del texto

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

Texto: #FFFFFF → Fondo: #558DCC

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

Texto: #558DCC → Fondo: #FFFFFF

Diferencia de color (Delta E)

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

Degradado

#558DCC #769FD5 #94B1DD #AFC4E6 #CAD7EE #E5EBF7 #FFFFFF

Mezcla de colores

#558DCC

100%

#85A8D9

75:25

#AFC4E6

50:50

#D8E1F2

25:75

#FFFFFF

100%

Código de degradado CSS

background: linear-gradient(to right, #558DCC, #FFFFFF);
background: linear-gradient(135deg, #558DCC, #FFFFFF);

Explorar cada color

#558DCC

Ver todos los detalles del color

white

Ver todos los detalles del color

Comparaciones relacionadas