#548CCC

#548CCC

white

#FFFFFF

Ratio de contraste

3,5:1

Delta E

57,74

Very Different

Mezcla 50:50

#AFC4E6

Valores de color

Formato #548CCC #FFFFFF
HEX #548CCC #FFFFFF
RGB 84, 140, 204 255, 255, 255
HSL 212,0, 54,1%, 56,5% 0,0, 0,0%, 100,0%
HSV 212,0, 58,8%, 80,0% 0,0, 0,0%, 100,0%
CMYK 58,8%, 31,4%, 0,0%, 20,0% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,6295 0,1139 252,9 1,0 0,0 89,9

Contraste y accesibilidad

3,5: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: #548CCC

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

Texto: #548CCC → Fondo: #FFFFFF

Diferencia de color (Delta E)

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

Degradado

#548CCC #769ED5 #93B1DD #AFC4E6 #CAD7EE #E5EBF7 #FFFFFF

Mezcla de colores

#548CCC

100%

#85A7D9

75:25

#AFC4E6

50:50

#D7E1F2

25:75

#FFFFFF

100%

Código de degradado CSS

background: linear-gradient(to right, #548CCC, #FFFFFF);
background: linear-gradient(135deg, #548CCC, #FFFFFF);

Explorar cada color

#548CCC

Ver todos los detalles del color

white

Ver todos los detalles del color

Comparaciones relacionadas