Criado em 02/26/2023 19:54
#687a99 HEX Cor Informação
Cor | HEX | RGB |
#687a99 | RGB(104, 122, 153) |
RGB os valores são RGB(104, 122, 153)
#687a99 cor contém Vermelho 40.78%, Verde 47.84% e Azul 60%.
Cores alternativas de #687a99
A cor oposta para #687a99 é #988667
#687a99 Conversão de cores
Informações de códigos e valores sobre o decimal de cor HEX, HEX. Valores HSL, HSLA, RGB, RGBA #687a99
Decimal
6847129
HEX
#687a99
HSL
hsl(218, 19%, 50%)
HSLA
hsla(218, 19%, 50%, 1)
RGB
RGB(104, 122, 153)
RGBA
RGBA(104, 122, 153, 1)
Paletas para cores #687a99:
Abaixo exemplos de paletas de cores para cores HEX #687a99
a cor mais escura é #0a0c0f dos tons e a cor mais clara é #f0f2f5 dos tons
Paleta de tons de #687a99:
Paleta de tons de #687a99:
Paleta complementar de #687a99:
Paleta triádica de #687a99:
Paleta quadrada de #687a99:
Paleta análoga de #687a99:
Paleta complementar dividida de #687a99:
Paleta retangular (tetrádica) de #687a99:
Paletas de cores sugeridas para #687a99 HEX:
Paleta de cores com cor #687a99 #1:
Paleta de cores com cor #687a99 #2:
Paleta de cores com cor #687a99 #3:
Paleta de cores com cor #687a99 #4:
Paleta de cores com cor #687a99 #5:
Cor #687a99 usado em paletas (1)
Contraste de Cor
Combinações de cores #687a99 com preto e branco para texto pequeno, texto grande e gráficos com base na proporção de contraste de acessibilidade do WCAG.
#687a99
#687a99 Taxa de contraste
4.34:1
Tamanho | Nível AA | Nível AAA |
Texto Grande: | ||
Texto pequeno: |
#687a99
#687a99 Taxa de contraste
4.83:1
Tamanho | Nível AA | Nível AAA |
Texto Grande: | ||
Texto pequeno: |