#5DA4F2

#5DA4F2

#F2AB5D

#F2AB5D

Razão de contraste

1,34:1

Delta E

97,51

Very Different

Mistura 50:50

#C0A7A9

Valores de cor

Formato #5DA4F2 #F2AB5D
HEX #5DA4F2 #F2AB5D
RGB 93, 164, 242 242, 171, 93
HSL 211,4, 85,1%, 65,7% 31,4, 85,1%, 65,7%
HSV 211,4, 61,6%, 94,9% 31,4, 61,6%, 94,9%
CMYK 61,6%, 32,2%, 0,0%, 5,1% 0,0%, 29,3%, 61,6%, 5,1%
OKLCH 0,7061 0,1356 252,2 0,794 0,1261 66,8

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: #F2AB5D → Fundo: #5DA4F2

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

Texto: #5DA4F2 → Fundo: #F2AB5D

Diferença de cor (Delta E)

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

Gradiente

#5DA4F2 #8BA5DA #A9A6C2 #C0A7A9 #D3A891 #E4AA78 #F2AB5D

Mistura de cores

#5DA4F2

100%

#9BA5CE

75:25

#C0A7A9

50:50

#DCA984

25:75

#F2AB5D

100%

Código de gradiente CSS

background: linear-gradient(to right, #5DA4F2, #F2AB5D);
background: linear-gradient(135deg, #5DA4F2, #F2AB5D);

Explorar cada cor

#5DA4F2

Ver todos os detalhes da cor

#F2AB5D

Ver todos os detalhes da cor

Comparações relacionadas