#CCFFCC

#CCFFCC

#FFCCFF

#FFCCFF

Razão de contraste

1,22:1

Delta E

64,38

Very Different

Mistura 50:50

#E8E7E6

Valores de cor

Formato #CCFFCC #FFCCFF
HEX #CCFFCC #FFCCFF
RGB 204, 255, 204 255, 204, 255
HSL 120,0, 100,0%, 90,0% 300,0, 100,0%, 90,0%
HSV 120,0, 20,0%, 100,0% 300,0, 20,0%, 100,0%
CMYK 20,0%, 0,0%, 20,0%, 0,0% 0,0%, 20,0%, 0,0%, 0,0%
OKLCH 0,9517 0,0855 144,9 0,9051 0,0874 326,3

Contraste e acessibilidade

1,22: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: #FFCCFF → Fundo: #CCFFCC

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

Texto: #CCFFCC → Fundo: #FFCCFF

Diferença de cor (Delta E)

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

Gradiente

#CCFFCC #D6F7D5 #E0EFDD #E8E7E6 #F0DEEE #F8D5F7 #FFCCFF

Mistura de cores

#CCFFCC

100%

#DBF3D9

75:25

#E8E7E6

50:50

#F4DAF3

25:75

#FFCCFF

100%

Código de gradiente CSS

background: linear-gradient(to right, #CCFFCC, #FFCCFF);
background: linear-gradient(135deg, #CCFFCC, #FFCCFF);

Explorar cada cor

#CCFFCC

Ver todos os detalhes da cor

#FFCCFF

Ver todos os detalhes da cor

Comparações relacionadas