#3C87B1

#3C87B1

#B1663C

#B1663C

Razão de contraste

1,09:1

Delta E

74,63

Very Different

Mistura 50:50

#8D7776

Valores de cor

Formato #3C87B1 #B1663C
HEX #3C87B1 #B1663C
RGB 60, 135, 177 177, 102, 60
HSL 201,5, 49,4%, 46,5% 21,5, 49,4%, 46,5%
HSV 201,5, 66,1%, 69,4% 21,5, 66,1%, 69,4%
CMYK 66,1%, 23,7%, 0,0%, 30,6% 0,0%, 42,4%, 66,1%, 30,6%
OKLCH 0,5943 0,0978 236,3 0,5865 0,112 48,6

Contraste e acessibilidade

1,09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Legibilidade do texto

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

Texto: #B1663C → Fundo: #3C87B1

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

Texto: #3C87B1 → Fundo: #B1663C

Diferença de cor (Delta E)

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

Gradiente

#3C87B1 #63829D #7B7D8A #8D7776 #9B7263 #A76C50 #B1663C

Mistura de cores

#3C87B1

100%

#717F94

75:25

#8D7776

50:50

#A16F5A

25:75

#B1663C

100%

Código de gradiente CSS

background: linear-gradient(to right, #3C87B1, #B1663C);
background: linear-gradient(135deg, #3C87B1, #B1663C);

Explorar cada cor

#3C87B1

Ver todos os detalhes da cor

#B1663C

Ver todos os detalhes da cor

Comparações relacionadas