#5ABC8A
#5ABC8A
#BC5A8C
#BC5A8C
Valores de cor
| Formato | #5ABC8A | #BC5A8C |
|---|---|---|
| HEX | #5ABC8A | #BC5A8C |
| RGB | 90, 188, 138 | 188, 90, 140 |
| HSL | 149,4, 42,2%, 54,5% | 329,4, 42,2%, 54,5% |
| HSV | 149,4, 52,1%, 73,7% | 329,4, 52,1%, 73,7% |
| CMYK | 52,1%, 0,0%, 26,6%, 26,3% | 0,0%, 52,1%, 25,5%, 26,3% |
| OKLCH | 0,7224 0,1191 159,1 | 0,6019 0,1383 350,2 |
Contraste e acessibilidade
1,81: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: #BC5A8C → Fundo: #5ABC8A
A rápida raposa marrom pula sobre o cão preguiçoso
Texto: #5ABC8A → Fundo: #BC5A8C
Diferença de cor (Delta E)
91,23
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, #5ABC8A, #BC5A8C);
background: linear-gradient(135deg, #5ABC8A, #BC5A8C);