#565CCC
#565CCC
#CCC656
#CCC656
Valores de cor
| Formato | #565CCC | #CCC656 |
|---|---|---|
| HEX | #565CCC | #CCC656 |
| RGB | 86, 92, 204 | 204, 198, 86 |
| HSL | 236,9, 53,6%, 56,9% | 56,9, 53,6%, 56,9% |
| HSV | 236,9, 57,8%, 80,0% | 56,9, 57,8%, 80,0% |
| CMYK | 57,8%, 54,9%, 0,0%, 20,0% | 0,0%, 2,9%, 57,8%, 20,0% |
| OKLCH | 0,5312 0,1705 276,6 | 0,8096 0,1337 106,2 |
Contraste e acessibilidade
3,1:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Legibilidade do texto
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #CCC656 → Fundo: #565CCC
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #565CCC → Fundo: #CCC656
Diferença de cor (Delta E)
127,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, #565CCC, #CCC656);
background: linear-gradient(135deg, #565CCC, #CCC656);