Criado em 02/26/2023 19:54
  26

#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%.

Classificação da cor #687a99

#687a99 é Luz e Legal Cor
Matiz de slategrey
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
TamanhoNível AANível AAA
Texto Grande:
Texto pequeno:
#687a99
#687a99
Taxa de contraste
4.83:1
TamanhoNível AANível AAA
Texto Grande:
Texto pequeno:

Imagem #687a99 cor png

Cores da paleta: Como usar?

Clique em qualquer cor para adicionar Paleta
Paleta rápida
Máximo de 10 paletas Comparar
Como usar?
Clique no ícone «Comparar» para adicionar paleta em Comparar paletas de lista
Comparar paletas