#F2F2F7

#F2F2F7

#F7F7F2

#F7F7F2

Razão de contraste

1,04:1

Delta E

5,33

Noticeable

Mistura 50:50

#F5F4F5

Valores de cor

Formato #F2F2F7 #F7F7F2
HEX #F2F2F7 #F7F7F2
RGB 242, 242, 247 247, 247, 242
HSL 240,0, 23,8%, 95,9% 60,0, 23,8%, 95,9%
HSV 240,0, 2,0%, 96,9% 60,0, 2,0%, 96,9%
CMYK 2,0%, 2,0%, 0,0%, 3,1% 0,0%, 0,0%, 2,0%, 3,1%
OKLCH 0,9626 0,0066 286,3 0,9748 0,0066 106,5

Contraste e acessibilidade

1,04: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: #F7F7F2 → Fundo: #F2F2F7

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

Texto: #F2F2F7 → Fundo: #F7F7F2

Diferença de cor (Delta E)

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

Gradiente

#F2F2F7 #F3F3F6 #F4F4F5 #F5F4F5 #F5F5F4 #F6F6F3 #F7F7F2

Mistura de cores

#F2F2F7

100%

#F3F3F6

75:25

#F5F4F5

50:50

#F6F6F3

25:75

#F7F7F2

100%

Código de gradiente CSS

background: linear-gradient(to right, #F2F2F7, #F7F7F2);
background: linear-gradient(135deg, #F2F2F7, #F7F7F2);

Explorar cada cor

#F2F2F7

Ver todos os detalhes da cor

#F7F7F2

Ver todos os detalhes da cor

Comparações relacionadas