#ABF5D3
#ABF5D3
#F5ABCD
#F5ABCD
Valores de cor
| Formato | #ABF5D3 | #F5ABCD |
|---|---|---|
| HEX | #ABF5D3 | #F5ABCD |
| RGB | 171, 245, 211 | 245, 171, 205 |
| HSL | 152,4, 78,7%, 81,6% | 332,4, 78,7%, 81,6% |
| HSV | 152,4, 30,2%, 96,1% | 332,4, 30,2%, 96,1% |
| CMYK | 30,2%, 0,0%, 13,9%, 3,9% | 0,0%, 30,2%, 16,3%, 3,9% |
| OKLCH | 0,9123 0,0871 164,3 | 0,8214 0,0963 350,3 |
Contraste e acessibilidade
1,44: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: #F5ABCD → Fundo: #ABF5D3
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #ABF5D3 → Fundo: #F5ABCD
Diferença de cor (Delta E)
65,05
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, #ABF5D3, #F5ABCD);
background: linear-gradient(135deg, #ABF5D3, #F5ABCD);