#5B5563

#5B5563

white

#FFFFFF

Razão de contraste

7,18:1

Delta E

63,49

Very Different

Mistura 50:50

#A9A6AE

Valores de cor

Formato #5B5563 #FFFFFF
HEX #5B5563 #FFFFFF
RGB 91, 85, 99 255, 255, 255
HSL 265,7, 7,6%, 36,1% 0,0, 0,0%, 100,0%
HSV 265,7, 14,1%, 38,8% 0,0, 0,0%, 100,0%
CMYK 8,1%, 14,1%, 0,0%, 61,2% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,4603 0,0236 304,9 1,0 0,0 89,9

Contraste e acessibilidade

7,18:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

Legibilidade do texto

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

Texto: #FFFFFF → Fundo: #5B5563

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

Texto: #5B5563 → Fundo: #FFFFFF

Diferença de cor (Delta E)

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

Gradiente

#5B5563 #746F7B #8E8A94 #A9A6AE #C5C3C8 #E2E1E3 #FFFFFF

Mistura de cores

#5B5563

100%

#817C87

75:25

#A9A6AE

50:50

#D3D2D6

25:75

#FFFFFF

100%

Código de gradiente CSS

background: linear-gradient(to right, #5B5563, #FFFFFF);
background: linear-gradient(135deg, #5B5563, #FFFFFF);

Explorar cada cor

#5B5563

Ver todos os detalhes da cor

white

Ver todos os detalhes da cor

Comparações relacionadas