#5F62B2
#5F62B2
#B2AF5F
#B2AF5F
Valores de cor
| Formato | #5F62B2 | #B2AF5F |
|---|---|---|
| HEX | #5F62B2 | #B2AF5F |
| RGB | 95, 98, 178 | 178, 175, 95 |
| HSL | 237,8, 35,0%, 53,5% | 57,8, 35,0%, 53,5% |
| HSV | 237,8, 46,6%, 69,8% | 57,8, 46,6%, 69,8% |
| CMYK | 46,6%, 44,9%, 0,0%, 30,2% | 0,0%, 1,7%, 46,6%, 30,2% |
| OKLCH | 0,5318 0,1238 279,7 | 0,739 0,1027 106,8 |
Contraste e acessibilidade
2,37: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: #B2AF5F → Fundo: #5F62B2
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #5F62B2 → Fundo: #B2AF5F
Diferença de cor (Delta E)
93,17
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, #5F62B2, #B2AF5F);
background: linear-gradient(135deg, #5F62B2, #B2AF5F);