#336DBB

#336DBB

white

#FFFFFF

Razão de contraste

5,19:1

Delta E

71,8

Very Different

Mistura 50:50

#A3B3DD

Valores de cor

Formato #336DBB #FFFFFF
HEX #336DBB #FFFFFF
RGB 51, 109, 187 255, 255, 255
HSL 214,4, 57,1%, 46,7% 0,0, 0,0%, 100,0%
HSV 214,4, 72,7%, 73,3% 0,0, 0,0%, 100,0%
CMYK 72,7%, 41,7%, 0,0%, 26,7% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,5361 0,1367 256,7 1,0 0,0 89,9

Contraste e acessibilidade

5,19:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Legibilidade do texto

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

Texto: #FFFFFF → Fundo: #336DBB

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

Texto: #336DBB → Fundo: #FFFFFF

Diferença de cor (Delta E)

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

Gradiente

#336DBB #6083C7 #839BD2 #A3B3DD #C2CBE9 #E1E5F4 #FFFFFF

Mistura de cores

#336DBB

100%

#728FCC

75:25

#A3B3DD

50:50

#D1D8EE

25:75

#FFFFFF

100%

Código de gradiente CSS

background: linear-gradient(to right, #336DBB, #FFFFFF);
background: linear-gradient(135deg, #336DBB, #FFFFFF);

Explorar cada cor

#336DBB

Ver todos os detalhes da cor

white

Ver todos os detalhes da cor

Comparações relacionadas