#558ADE
#558ADE
white
#FFFFFF
Valores de cor
| Formato | #558ADE | #FFFFFF |
|---|---|---|
| HEX | #558ADE | #FFFFFF |
| RGB | 85, 138, 222 | 255, 255, 255 |
| HSL | 216,8, 67,5%, 60,2% | 0,0, 0,0%, 100,0% |
| HSV | 216,8, 61,7%, 87,1% | 0,0, 0,0%, 100,0% |
| CMYK | 61,7%, 37,8%, 0,0%, 12,9% | 0,0%, 0,0%, 0,0%, 0,0% |
| OKLCH | 0,6354 0,1391 259,2 | 1,0 0,0 89,9 |
Contraste e acessibilidade
3,46: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: #FFFFFF → Fundo: #558ADE
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #558ADE → Fundo: #FFFFFF
Diferença de cor (Delta E)
64,75
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, #558ADE, #FFFFFF);
background: linear-gradient(135deg, #558ADE, #FFFFFF);