#F4F4F6

#F4F4F6

#F6F6F4

#F6F6F4

Razão de contraste

1,02:1

Delta E

2,13

Similar

Mistura 50:50

#F5F5F5

Valores de cor

Formato #F4F4F6 #F6F6F4
HEX #F4F4F6 #F6F6F4
RGB 244, 244, 246 246, 246, 244
HSL 240,0, 10,0%, 96,1% 60,0, 10,0%, 96,1%
HSV 240,0, 0,8%, 96,5% 60,0, 0,8%, 96,5%
CMYK 0,8%, 0,8%, 0,0%, 3,5% 0,0%, 0,0%, 0,8%, 3,5%
OKLCH 0,9677 0,0027 286,4 0,9726 0,0026 106,4

Contraste e acessibilidade

1,02: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: #F6F6F4 → Fundo: #F4F4F6

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

Texto: #F4F4F6 → Fundo: #F6F6F4

Diferença de cor (Delta E)

2,13 Similar
0 — Idêntico 5 — Similar 25 — Diferença notável 100 — Muito diferente

Gradiente

#F4F4F6 #F4F4F6 #F5F5F5 #F5F5F5 #F5F5F5 #F6F6F4 #F6F6F4

Mistura de cores

#F4F4F6

100%

#F4F5F6

75:25

#F5F5F5

50:50

#F6F6F5

25:75

#F6F6F4

100%

Código de gradiente CSS

background: linear-gradient(to right, #F4F4F6, #F6F6F4);
background: linear-gradient(135deg, #F4F4F6, #F6F6F4);

Explorar cada cor

#F4F4F6

Ver todos os detalhes da cor

#F6F6F4

Ver todos os detalhes da cor

Comparações relacionadas