#557CBC

#557CBC

white

#FFFFFF

Razão de contraste

4,2:1

Delta E

61,45

Very Different

Mistura 50:50

#ADBBDE

Valores de cor

Formato #557CBC #FFFFFF
HEX #557CBC #FFFFFF
RGB 85, 124, 188 255, 255, 255
HSL 217,3, 43,5%, 53,5% 0,0, 0,0%, 100,0%
HSV 217,3, 54,8%, 73,7% 0,0, 0,0%, 100,0%
CMYK 54,8%, 34,0%, 0,0%, 26,3% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,586 0,1082 259,9 1,0 0,0 89,9

Contraste e acessibilidade

4,2:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Legibilidade do texto

A rápida raposa marrom pula sobre o cão preguiçoso

Texto: #FFFFFF → Fundo: #557CBC

A rápida raposa marrom pula sobre o cão preguiçoso

Texto: #557CBC → Fundo: #FFFFFF

Diferença de cor (Delta E)

61,45 Very Different
0 — Idêntico 5 — Similar 25 — Diferença notável 100 — Muito diferente

Gradiente

#557CBC #7590C7 #91A5D2 #ADBBDE #C9D1E9 #E4E8F4 #FFFFFF

Mistura de cores

#557CBC

100%

#839BCD

75:25

#ADBBDE

50:50

#D6DCEE

25:75

#FFFFFF

100%

Código de gradiente CSS

background: linear-gradient(to right, #557CBC, #FFFFFF);
background: linear-gradient(135deg, #557CBC, #FFFFFF);

Explorar cada cor

#557CBC

Ver todos os detalhes da cor

white

Ver todos os detalhes da cor

Comparações relacionadas