#557FEC
#557FEC
#ECC255
#ECC255
Valores de cor
| Formato | #557FEC | #ECC255 |
|---|---|---|
| HEX | #557FEC | #ECC255 |
| RGB | 85, 127, 236 | 236, 194, 85 |
| HSL | 223,3, 79,9%, 62,9% | 43,3, 79,9%, 62,9% |
| HSV | 223,3, 64,0%, 92,5% | 43,3, 64,0%, 92,5% |
| CMYK | 64,0%, 46,2%, 0,0%, 7,5% | 0,0%, 17,8%, 64,0%, 7,5% |
| OKLCH | 0,621 0,1705 265,8 | 0,8308 0,1345 87,9 |
Contraste e acessibilidade
2,2: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: #ECC255 → Fundo: #557FEC
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #557FEC → Fundo: #ECC255
Diferença de cor (Delta E)
122,01
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, #557FEC, #ECC255);
background: linear-gradient(135deg, #557FEC, #ECC255);