#3C81AF

#3C81AF

#AF6A3C

#AF6A3C

Razão de contraste

1,0:1

Delta E

74,21

Very Different

Mistura 50:50

#8B7676

Valores de cor

Formato #3C81AF #AF6A3C
HEX #3C81AF #AF6A3C
RGB 60, 129, 175 175, 106, 60
HSL 204,0, 48,9%, 46,1% 24,0, 48,9%, 46,1%
HSV 204,0, 65,7%, 68,6% 24,0, 65,7%, 68,6%
CMYK 65,7%, 26,3%, 0,0%, 31,4% 0,0%, 39,4%, 65,7%, 31,4%
OKLCH 0,579 0,0992 240,7 0,591 0,1075 52,8

Contraste e acessibilidade

1,0: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: #AF6A3C → Fundo: #3C81AF

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

Texto: #3C81AF → Fundo: #AF6A3C

Diferença de cor (Delta E)

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

Gradiente

#3C81AF #627D9C #797A89 #8B7676 #997263 #A56E50 #AF6A3C

Mistura de cores

#3C81AF

100%

#6F7C92

75:25

#8B7676

50:50

#9F7059

25:75

#AF6A3C

100%

Código de gradiente CSS

background: linear-gradient(to right, #3C81AF, #AF6A3C);
background: linear-gradient(135deg, #3C81AF, #AF6A3C);

Explorar cada cor

#3C81AF

Ver todos os detalhes da cor

#AF6A3C

Ver todos os detalhes da cor

Comparações relacionadas