Cores
#5690a3

#5690a3 Informações de cor HEX

Cor	HEX	RGB
	#5690a3	RGB(86, 144, 163)

Criado em 09/29/2026 10:31

Classificação da cor #5690a3

#5690a3 é Claro e Frio Cor Saturação 31%, luminosidade 49%.

Tom escuro de cadetblue

RGB os valores são RGB(86, 144, 163)
#5690a3 cor contém Vermelho 33.73%, Verde 56.47% e Azul 63.92%.
oklch(62.09% 0.067 221.01)

Cadetblue

Nomes de cores de #5690a3 HEX código

≈ Horizon

Cores alternativas de #5690a3

A cor oposta para #5690a3 é #a36956

#a36956

#5690a3 Conversão de cores

Informações de códigos e valores sobre o decimal de cor HEX, HEX. Valores HSL, HSLA, RGB, RGBA #5690a3

cmyk

CMYK(47%, 12%, 0%, 36%)

Decimal

5673123

HEX

#5690a3

HSL

hsl(195, 31%, 49%)

HSLA

hsla(195, 31%, 49%, 1)

RGB

RGB(86, 144, 163)

RGBA

RGBA(86, 144, 163, 1)

Paletas para cores #5690a3:

Abaixo exemplos de paletas de cores para cores HEX #5690a3

a cor mais escura dos tons escuros é #090e10 e a mais clara dos tons claros é #eef4f6

Paleta de tons escuros de #5690a3:

#4d8293

#457382

#3c6572

#345662

#2b4852

#223a41

#1a2b31

#111d21

#090e10

#000000

Paleta de tons claros de #5690a3:

#679bac

#78a6b5

#89b1bf

#9abcc8

#abc8d1

#bbd3da

#ccdee3

#dde9ed

#eef4f6

#ffffff

Paleta complementar de #5690a3:

#5690a3

#a36956

Paleta triádica de #5690a3:

#5690a3

#a35690

#90a356

Paleta quadrada de #5690a3:

#5690a3

#8f56a3

#a36956

#6aa356

Paleta análoga de #5690a3:

#56a38f

#5690a3

#566aa3

Paleta complementar dividida de #5690a3:

#5690a3

#a3566a

#a38f56

Paleta retangular (tetrádica) de #5690a3:

#5690a3

#6956a3

#a36956

#90a356

Paletas de cores sugeridas para #5690a3 HEX:

Paleta de cores com cor #5690a3 #1:

Paleta de cores com cor #5690a3 #2:

Paleta de cores com cor #5690a3 #3:

Paleta de cores com cor #5690a3 #4:

Paleta de cores com cor #5690a3 #5:

Contraste de cor

Combinações de cores #5690a3 com preto e branco para texto pequeno, texto grande e gráficos com base na proporção de contraste de acessibilidade do WCAG.

#5690a3

Razão de contraste

3.55:1

Tamanho	Nível AA	Nível AAA
Texto grande:
Texto pequeno:

#5690a3

Razão de contraste

5.91:1

Tamanho	Nível AA	Nível AAA
Texto grande:
Texto pequeno:

Imagem #5690a3 cor png

Visite a lista de cores populares para mais cores

Cores da interface do Metro Cores Pantone Cores da Web Cores seguras para a Web Cores X11 Cores XKCD