#667CCC

#667CCC

#CCB666

#CCB666

Razão de contraste

1,96:1

Delta E

91,3

Very Different

Mistura 50:50

#A5989C

Valores de cor

Formato #667CCC #CCB666
HEX #667CCC #CCB666
RGB 102, 124, 204 204, 182, 102
HSL 227,1, 50,0%, 60,0% 47,1, 50,0%, 60,0%
HSV 227,1, 50,0%, 80,0% 47,1, 50,0%, 80,0%
CMYK 50,0%, 39,2%, 0,0%, 20,0% 0,0%, 10,8%, 50,0%, 20,0%
OKLCH 0,6051 0,1245 270,7 0,7781 0,1036 94,4

Contraste e acessibilidade

1,96: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: #CCB666 → Fundo: #667CCC

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

Texto: #667CCC → Fundo: #CCB666

Diferença de cor (Delta E)

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

Gradiente

#667CCC #8085BC #958EAC #A5989C #B4A28B #C1AC79 #CCB666

Mistura de cores

#667CCC

100%

#8B89B4

75:25

#A5989C

50:50

#BAA782

25:75

#CCB666

100%

Código de gradiente CSS

background: linear-gradient(to right, #667CCC, #CCB666);
background: linear-gradient(135deg, #667CCC, #CCB666);

Explorar cada cor

#667CCC

Ver todos os detalhes da cor

#CCB666

Ver todos os detalhes da cor

Comparações relacionadas