#2C80AF

#2C80AF

#AF5B2C

#AF5B2C

Razão de contraste

1,11:1

Delta E

83,38

Very Different

Mistura 50:50

#8B6F6E

Valores de cor

Formato #2C80AF #AF5B2C
HEX #2C80AF #AF5B2C
RGB 44, 128, 175 175, 91, 44
HSL 201,5, 59,8%, 42,9% 21,5, 59,8%, 42,9%
HSV 201,5, 74,9%, 68,6% 21,5, 74,9%, 68,6%
CMYK 74,9%, 26,9%, 0,0%, 31,4% 0,0%, 48,0%, 74,9%, 31,4%
OKLCH 0,5714 0,1069 237,7 0,563 0,1249 47,5

Contraste e acessibilidade

1,11: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: #AF5B2C → Fundo: #2C80AF

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

Texto: #2C80AF → Fundo: #AF5B2C

Diferença de cor (Delta E)

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

Gradiente

#2C80AF #5D7A99 #787583 #8B6F6E #996959 #A56243 #AF5B2C

Mistura de cores

#2C80AF

100%

#6C788E

75:25

#8B6F6E

50:50

#9F654E

25:75

#AF5B2C

100%

Código de gradiente CSS

background: linear-gradient(to right, #2C80AF, #AF5B2C);
background: linear-gradient(135deg, #2C80AF, #AF5B2C);

Explorar cada cor

#2C80AF

Ver todos os detalhes da cor

#AF5B2C

Ver todos os detalhes da cor

Comparações relacionadas