#5ABCCC

#5ABCCC

#CC6A5A

#CC6A5A

Razão de contraste

1,64:1

Delta E

76,74

Very Different

Mistura 50:50

#A99692

Valores de cor

Formato #5ABCCC #CC6A5A
HEX #5ABCCC #CC6A5A
RGB 90, 188, 204 204, 106, 90
HSL 188,4, 52,8%, 57,6% 8,4, 52,8%, 57,6%
HSV 188,4, 55,9%, 80,0% 8,4, 55,9%, 80,0%
CMYK 55,9%, 7,8%, 0,0%, 20,0% 0,0%, 48,0%, 55,9%, 20,0%
OKLCH 0,7425 0,0942 209,5 0,6346 0,1274 30,6

Contraste e acessibilidade

1,64: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: #CC6A5A → Fundo: #5ABCCC

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

Texto: #5ABCCC → Fundo: #CC6A5A

Diferença de cor (Delta E)

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

Gradiente

#5ABCCC #7FB0B8 #97A3A5 #A99692 #B8887F #C37A6C #CC6A5A

Mistura de cores

#5ABCCC

100%

#8CA9AE

75:25

#A99692

50:50

#BD8175

25:75

#CC6A5A

100%

Código de gradiente CSS

background: linear-gradient(to right, #5ABCCC, #CC6A5A);
background: linear-gradient(135deg, #5ABCCC, #CC6A5A);

Explorar cada cor

#5ABCCC

Ver todos os detalhes da cor

#CC6A5A

Ver todos os detalhes da cor

Comparações relacionadas