#CCFFFF

#CCFFFF

#FFCCCC

#FFCCCC

Razão de contraste

1,31:1

Delta E

37,56

Very Different

Mistura 50:50

#E9E6E5

Valores de cor

Formato #CCFFFF #FFCCCC
HEX #CCFFFF #FFCCCC
RGB 204, 255, 255 255, 204, 204
HSL 180,0, 100,0%, 90,0% 0,0, 100,0%, 90,0%
HSV 180,0, 20,0%, 100,0% 0,0, 20,0%, 100,0%
CMYK 20,0%, 0,0%, 0,0%, 0,0% 0,0%, 20,0%, 20,0%, 0,0%
OKLCH 0,965 0,0516 196,3 0,8897 0,058 18,3

Contraste e acessibilidade

1,31: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: #FFCCCC → Fundo: #CCFFFF

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

Texto: #CCFFFF → Fundo: #FFCCCC

Diferença de cor (Delta E)

37,56 Very Different
0 — Idêntico 5 — Similar 25 — Diferença notável 100 — Muito diferente

Gradiente

#CCFFFF #D7F7F6 #E1EEEE #E9E6E5 #F1DDDD #F8D5D4 #FFCCCC

Mistura de cores

#CCFFFF

100%

#DCF3F2

75:25

#E9E6E5

50:50

#F5D9D9

25:75

#FFCCCC

100%

Código de gradiente CSS

background: linear-gradient(to right, #CCFFFF, #FFCCCC);
background: linear-gradient(135deg, #CCFFFF, #FFCCCC);

Explorar cada cor

#CCFFFF

Ver todos os detalhes da cor

#FFCCCC

Ver todos os detalhes da cor

Comparações relacionadas