#5ABCDF

#5ABCDF

#DF7D5A

#DF7D5A

Razão de contraste

1,34:1

Delta E

82,11

Very Different

Mistura 50:50

#B69F9C

Valores de cor

Formato #5ABCDF #DF7D5A
HEX #5ABCDF #DF7D5A
RGB 90, 188, 223 223, 125, 90
HSL 195,8, 67,5%, 61,4% 15,8, 67,5%, 61,4%
HSV 195,8, 59,6%, 87,5% 15,8, 59,6%, 87,5%
CMYK 59,6%, 15,7%, 0,0%, 12,5% 0,0%, 43,9%, 59,6%, 12,5%
OKLCH 0,7499 0,1043 224,3 0,6905 0,1312 40,2

Contraste e acessibilidade

1,34: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: #DF7D5A → Fundo: #5ABCDF

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

Texto: #5ABCDF → Fundo: #DF7D5A

Diferença de cor (Delta E)

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

Gradiente

#5ABCDF #85B2C8 #A1A9B2 #B69F9C #C69486 #D48970 #DF7D5A

Mistura de cores

#5ABCDF

100%

#94AEBD

75:25

#B69F9C

50:50

#CD8E7B

25:75

#DF7D5A

100%

Código de gradiente CSS

background: linear-gradient(to right, #5ABCDF, #DF7D5A);
background: linear-gradient(135deg, #5ABCDF, #DF7D5A);

Explorar cada cor

#5ABCDF

Ver todos os detalhes da cor

#DF7D5A

Ver todos os detalhes da cor

Comparações relacionadas