#CCF3CC

#CCF3CC

#F3CCF3

#F3CCF3

Ratio de contraste

1,17:1

Delta E

49,63

Very Different

Mezcla 50:50

#E1E0E0

Valores de color

Formato #CCF3CC #F3CCF3
HEX #CCF3CC #F3CCF3
RGB 204, 243, 204 243, 204, 243
HSL 120,0, 61,9%, 87,6% 300,0, 61,9%, 87,6%
HSV 120,0, 16,0%, 95,3% 300,0, 16,0%, 95,3%
CMYK 16,0%, 0,0%, 16,0%, 4,7% 0,0%, 16,0%, 0,0%, 4,7%
OKLCH 0,9261 0,0661 145,0 0,8902 0,0673 326,1

Contraste y accesibilidad

1,17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Legibilidad del texto

El rápido zorro marrón salta sobre el perro perezoso

Texto: #F3CCF3 → Fondo: #CCF3CC

El rápido zorro marrón salta sobre el perro perezoso

Texto: #CCF3CC → Fondo: #F3CCF3

Diferencia de color (Delta E)

49,63 Very Different
0 — Idéntico 5 — Similar 25 — Diferencia notable 100 — Muy diferente

Degradado

#CCF3CC #D3EDD3 #DBE7D9 #E1E0E0 #E7DAE6 #EDD3ED #F3CCF3

Mezcla de colores

#CCF3CC

100%

#D7EAD6

75:25

#E1E0E0

50:50

#EAD6E9

25:75

#F3CCF3

100%

Código de degradado CSS

background: linear-gradient(to right, #CCF3CC, #F3CCF3);
background: linear-gradient(135deg, #CCF3CC, #F3CCF3);

Explorar cada color

#CCF3CC

Ver todos los detalles del color

#F3CCF3

Ver todos los detalles del color

Comparaciones relacionadas