#5BA8F2

#5BA8F2

#F2A55B

#F2A55B

Razão de contraste

1,24:1

Delta E

96,25

Very Different

Mistura 50:50

#C0A6A8

Valores de cor

Formato #5BA8F2 #F2A55B
HEX #5BA8F2 #F2A55B
RGB 91, 168, 242 242, 165, 91
HSL 209,4, 85,3%, 65,3% 29,4, 85,3%, 65,3%
HSV 209,4, 62,4%, 94,9% 29,4, 62,4%, 94,9%
CMYK 62,4%, 30,6%, 0,0%, 5,1% 0,0%, 31,8%, 62,4%, 5,1%
OKLCH 0,714 0,133 249,3 0,7829 0,1282 62,9

Contraste e acessibilidade

1,24: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: #F2A55B → Fundo: #5BA8F2

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

Texto: #5BA8F2 → Fundo: #F2A55B

Diferença de cor (Delta E)

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

Gradiente

#5BA8F2 #8AA7D9 #A9A7C1 #C0A6A8 #D3A68F #E4A576 #F2A55B

Mistura de cores

#5BA8F2

100%

#9BA7CD

75:25

#C0A6A8

50:50

#DCA683

25:75

#F2A55B

100%

Código de gradiente CSS

background: linear-gradient(to right, #5BA8F2, #F2A55B);
background: linear-gradient(135deg, #5BA8F2, #F2A55B);

Explorar cada cor

#5BA8F2

Ver todos os detalhes da cor

#F2A55B

Ver todos os detalhes da cor

Comparações relacionadas