#166EB0
#166EB0
white
#FFFFFF
Valores de cor
| Formato | #166EB0 | #FFFFFF |
|---|---|---|
| HEX | #166EB0 | #FFFFFF |
| RGB | 22, 110, 176 | 255, 255, 255 |
| HSL | 205,7, 77,8%, 38,8% | 0,0, 0,0%, 100,0% |
| HSV | 205,7, 87,5%, 69,0% | 0,0, 0,0%, 100,0% |
| CMYK | 87,5%, 37,5%, 0,0%, 31,0% | 0,0%, 0,0%, 0,0%, 0,0% |
| OKLCH | 0,5237 0,1296 247,4 | 1,0 0,0 89,9 |
Contraste e acessibilidade
5,4:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Legibilidade do texto
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #FFFFFF → Fundo: #166EB0
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #166EB0 → Fundo: #FFFFFF
Diferença de cor (Delta E)
69,25
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, #166EB0, #FFFFFF);
background: linear-gradient(135deg, #166EB0, #FFFFFF);