#F4F4F7

#F4F4F7

#F7F7F4

#F7F7F4

Razão de contraste

1,02:1

Delta E

3,2

Similar

Mistura 50:50

#F6F6F6

Valores de cor

Formato #F4F4F7 #F7F7F4
HEX #F4F4F7 #F7F7F4
RGB 244, 244, 247 247, 247, 244
HSL 240,0, 15,8%, 96,3% 60,0, 15,8%, 96,3%
HSV 240,0, 1,2%, 96,9% 60,0, 1,2%, 96,9%
CMYK 1,2%, 1,2%, 0,0%, 3,1% 0,0%, 0,0%, 1,2%, 3,1%
OKLCH 0,968 0,004 286,3 0,9753 0,004 106,5

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: #F7F7F4 → Fundo: #F4F4F7

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

Texto: #F4F4F7 → Fundo: #F7F7F4

Diferença de cor (Delta E)

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

Gradiente

#F4F4F7 #F5F5F7 #F5F5F6 #F6F6F6 #F6F6F5 #F7F7F5 #F7F7F4

Mistura de cores

#F4F4F7

100%

#F5F5F6

75:25

#F6F6F6

50:50

#F6F6F5

25:75

#F7F7F4

100%

Código de gradiente CSS

background: linear-gradient(to right, #F4F4F7, #F7F7F4);
background: linear-gradient(135deg, #F4F4F7, #F7F7F4);

Explorar cada cor

#F4F4F7

Ver todos os detalhes da cor

#F7F7F4

Ver todos os detalhes da cor

Comparações relacionadas