#F2FAFF

#F2FAFF

#FFF7F2

#FFF7F2

Razão de contraste

1,0:1

Delta E

7,53

Noticeable

Mistura 50:50

#F9F9F8

Valores de cor

Formato #F2FAFF #FFF7F2
HEX #F2FAFF #FFF7F2
RGB 242, 250, 255 255, 247, 242
HSL 203,1, 100,0%, 97,5% 23,1, 100,0%, 97,5%
HSV 203,1, 5,1%, 100,0% 23,1, 5,1%, 100,0%
CMYK 5,1%, 2,0%, 0,0%, 0,0% 0,0%, 3,1%, 5,1%, 0,0%
OKLCH 0,9805 0,0108 234,8 0,981 0,0109 54,5

Contraste e acessibilidade

1,0: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: #FFF7F2 → Fundo: #F2FAFF

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

Texto: #F2FAFF → Fundo: #FFF7F2

Diferença de cor (Delta E)

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

Gradiente

#F2FAFF #F4FAFD #F6F9FB #F9F9F8 #FBF8F6 #FDF8F4 #FFF7F2

Mistura de cores

#F2FAFF

100%

#F5F9FC

75:25

#F9F9F8

50:50

#FCF8F5

25:75

#FFF7F2

100%

Código de gradiente CSS

background: linear-gradient(to right, #F2FAFF, #FFF7F2);
background: linear-gradient(135deg, #F2FAFF, #FFF7F2);

Explorar cada cor

#F2FAFF

Ver todos os detalhes da cor

#FFF7F2

Ver todos os detalhes da cor

Comparações relacionadas