#6766F3

#6766F3

#F2F366

#F2F366

Razão de contraste

3,73:1

Delta E

154,84

Very Different

Mistura 50:50

#C3AAB5

Valores de cor

Formato #6766F3 #F2F366
HEX #6766F3 #F2F366
RGB 103, 102, 243 242, 243, 102
HSL 240,4, 85,5%, 67,6% 60,4, 85,5%, 67,6%
HSV 240,4, 58,0%, 95,3% 60,4, 58,0%, 95,3%
CMYK 57,6%, 58,0%, 0,0%, 4,7% 0,4%, 0,0%, 58,0%, 4,7%
OKLCH 0,5896 0,2058 278,3 0,9371 0,1613 109,5

Contraste e acessibilidade

3,73:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Legibilidade do texto

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

Texto: #F2F366 → Fundo: #6766F3

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

Texto: #6766F3 → Fundo: #F2F366

Diferença de cor (Delta E)

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

Gradiente

#6766F3 #907CDF #AD92CA #C3AAB5 #D5C29E #E5DA85 #F2F366

Mistura de cores

#6766F3

100%

#9F87D5

75:25

#C3AAB5

50:50

#DDCE92

25:75

#F2F366

100%

Código de gradiente CSS

background: linear-gradient(to right, #6766F3, #F2F366);
background: linear-gradient(135deg, #6766F3, #F2F366);

Explorar cada cor

#6766F3

Ver todos os detalhes da cor

#F2F366

Ver todos os detalhes da cor

Comparações relacionadas