#20AFDF
#20AFDF
#DF5020
#DF5020
Valores de cor
| Formato | #20AFDF | #DF5020 |
|---|---|---|
| HEX | #20AFDF | #DF5020 |
| RGB | 32, 175, 223 | 223, 80, 32 |
| HSL | 195,1, 74,9%, 50,0% | 15,1, 74,9%, 50,0% |
| HSV | 195,1, 85,7%, 87,5% | 15,1, 85,7%, 87,5% |
| CMYK | 85,7%, 21,5%, 0,0%, 12,5% | 0,0%, 64,1%, 85,7%, 12,5% |
| OKLCH | 0,7051 0,1305 227,5 | 0,6198 0,1875 37,4 |
Contraste e acessibilidade
1,56: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: #DF5020 → Fundo: #20AFDF
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #20AFDF → Fundo: #DF5020
Diferença de cor (Delta E)
115,73
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, #20AFDF, #DF5020);
background: linear-gradient(135deg, #20AFDF, #DF5020);