#ABF2F1
#ABF2F1
#F2ABAC
#F2ABAC
Valores de cor
| Formato | #ABF2F1 | #F2ABAC |
|---|---|---|
| HEX | #ABF2F1 | #F2ABAC |
| RGB | 171, 242, 241 | 242, 171, 172 |
| HSL | 179,2, 73,2%, 81,0% | 359,2, 73,2%, 81,0% |
| HSV | 179,2, 29,3%, 94,9% | 359,2, 29,3%, 94,9% |
| CMYK | 29,3%, 0,0%, 0,4%, 5,1% | 0,0%, 29,3%, 28,9%, 5,1% |
| OKLCH | 0,9142 0,0703 194,9 | 0,8089 0,0839 18,1 |
Contraste e acessibilidade
1,49: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: #F2ABAC → Fundo: #ABF2F1
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #ABF2F1 → Fundo: #F2ABAC
Diferença de cor (Delta E)
52,98
Very Different
0 — Idêntico
5 — Similar
25 — Diferença notável
100 — Muito diferente
Gradiente
Mistura de cores
Código de gradiente CSS
background: linear-gradient(to right, #ABF2F1, #F2ABAC);
background: linear-gradient(135deg, #ABF2F1, #F2ABAC);