#AFD3DF
#AFD3DF
white
#FFFFFF
Valores de cor
| Formato | #AFD3DF | #FFFFFF |
|---|---|---|
| HEX | #AFD3DF | #FFFFFF |
| RGB | 175, 211, 223 | 255, 255, 255 |
| HSL | 195,0, 42,9%, 78,0% | 0,0, 0,0%, 100,0% |
| HSV | 195,0, 21,5%, 87,5% | 0,0, 0,0%, 100,0% |
| CMYK | 21,5%, 5,4%, 0,0%, 12,5% | 0,0%, 0,0%, 0,0%, 0,0% |
| OKLCH | 0,8446 0,0416 220,0 | 1,0 0,0 89,9 |
Contraste e acessibilidade
1,59: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: #FFFFFF → Fundo: #AFD3DF
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #AFD3DF → Fundo: #FFFFFF
Diferença de cor (Delta E)
22,21
Noticeable
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, #AFD3DF, #FFFFFF);
background: linear-gradient(135deg, #AFD3DF, #FFFFFF);