#F4F4F5

#F4F4F5

#F5F5F4

#F5F5F4

Razão de contraste

1,01:1

Delta E

1,07

Similar

Mistura 50:50

#F4F4F4

Valores de cor

Formato #F4F4F5 #F5F5F4
HEX #F4F4F5 #F5F5F4
RGB 244, 244, 245 245, 245, 244
HSL 240,0, 4,8%, 95,9% 60,0, 4,8%, 95,9%
HSV 240,0, 0,4%, 96,1% 60,0, 0,4%, 96,1%
CMYK 0,4%, 0,4%, 0,0%, 3,9% 0,0%, 0,0%, 0,4%, 3,9%
OKLCH 0,9674 0,0013 286,4 0,9699 0,0013 106,4

Contraste e acessibilidade

1,01: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: #F5F5F4 → Fundo: #F4F4F5

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

Texto: #F4F4F5 → Fundo: #F5F5F4

Diferença de cor (Delta E)

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

Gradiente

#F4F4F5 #F4F4F5 #F4F4F5 #F4F4F4 #F5F5F4 #F5F5F4 #F5F5F4

Mistura de cores

#F4F4F5

100%

#F4F4F5

75:25

#F4F4F4

50:50

#F5F5F4

25:75

#F5F5F4

100%

Código de gradiente CSS

background: linear-gradient(to right, #F4F4F5, #F5F5F4);
background: linear-gradient(135deg, #F4F4F5, #F5F5F4);

Explorar cada cor

#F4F4F5

Ver todos os detalhes da cor

#F5F5F4

Ver todos os detalhes da cor

Comparações relacionadas