#66A7F4
#66A7F4
#F4B366
#F4B366
Valores de cor
| Formato | #66A7F4 | #F4B366 |
|---|---|---|
| HEX | #66A7F4 | #F4B366 |
| RGB | 102, 167, 244 | 244, 179, 102 |
| HSL | 212,5, 86,6%, 67,8% | 32,5, 86,6%, 67,8% |
| HSV | 212,5, 58,2%, 95,7% | 32,5, 58,2%, 95,7% |
| CMYK | 58,2%, 31,6%, 0,0%, 4,3% | 0,0%, 26,6%, 58,2%, 4,3% |
| OKLCH | 0,7176 0,1315 253,7 | 0,8121 0,1208 69,4 |
Contraste e acessibilidade
1,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: #F4B366 → Fundo: #66A7F4
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #66A7F4 → Fundo: #F4B366
Diferença de cor (Delta E)
94,39
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, #66A7F4, #F4B366);
background: linear-gradient(135deg, #66A7F4, #F4B366);