#ABF2B0
#ABF2B0
#F2ABED
#F2ABED
Valores de cor
| Formato | #ABF2B0 | #F2ABED |
|---|---|---|
| HEX | #ABF2B0 | #F2ABED |
| RGB | 171, 242, 176 | 242, 171, 237 |
| HSL | 124,2, 73,2%, 81,0% | 304,2, 73,2%, 81,0% |
| HSV | 124,2, 29,3%, 94,9% | 304,2, 29,3%, 94,9% |
| CMYK | 29,3%, 0,0%, 27,3%, 5,1% | 0,0%, 29,3%, 2,1%, 5,1% |
| OKLCH | 0,8974 0,1142 146,3 | 0,8293 0,1185 329,0 |
Contraste e acessibilidade
1,36: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: #F2ABED → Fundo: #ABF2B0
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #ABF2B0 → Fundo: #F2ABED
Diferença de cor (Delta E)
86,28
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, #ABF2B0, #F2ABED);
background: linear-gradient(135deg, #ABF2B0, #F2ABED);