#5A56A2

#5A56A2

#9EA256

#9EA256

Razão de contraste

2,36:1

Delta E

90,11

Very Different

Mistura 50:50

#857B7F

Valores de cor

Formato #5A56A2 #9EA256
HEX #5A56A2 #9EA256
RGB 90, 86, 162 158, 162, 86
HSL 243,2, 30,6%, 48,6% 63,2, 30,6%, 48,6%
HSV 243,2, 46,9%, 63,5% 63,2, 46,9%, 63,5%
CMYK 44,4%, 46,9%, 0,0%, 36,5% 2,5%, 0,0%, 46,9%, 36,5%
OKLCH 0,494 0,1187 283,5 0,692 0,0996 111,4

Contraste e acessibilidade

2,36: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: #9EA256 → Fundo: #5A56A2

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

Texto: #5A56A2 → Fundo: #9EA256

Diferença de cor (Delta E)

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

Gradiente

#5A56A2 #6B6297 #796E8B #857B7F #8E8873 #979565 #9EA256

Mistura de cores

#5A56A2

100%

#736891

75:25

#857B7F

50:50

#938E6C

25:75

#9EA256

100%

Código de gradiente CSS

background: linear-gradient(to right, #5A56A2, #9EA256);
background: linear-gradient(135deg, #5A56A2, #9EA256);

Explorar cada cor

#5A56A2

Ver todos os detalhes da cor

#9EA256

Ver todos os detalhes da cor

Comparações relacionadas