Cores
#586fa4

#586fa4 Informações de cor HEX

Cor	HEX	RGB
	#586fa4	RGB(88, 111, 164)

Criado em 09/29/2026 18:12

Classificação da cor #586fa4

#586fa4 é Semi escuro e Frio Cor Saturação 30%, luminosidade 49%.

Tom claro de royalblue

RGB os valores são RGB(88, 111, 164)
#586fa4 cor contém Vermelho 34.51%, Verde 43.53% e Azul 64.31%.
oklch(54.63% 0.0877 265.69)

Royalblue

Nomes de cores de #586fa4 HEX código

≈ Waikawa Gray

Cores alternativas de #586fa4

A cor oposta para #586fa4 é #a48d58

#a48d58

#586fa4 Conversão de cores

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

cmyk

CMYK(46%, 32%, 0%, 36%)

Decimal

5795748

HEX

#586fa4

HSL

hsl(222, 30%, 49%)

HSLA

hsla(222, 30%, 49%, 1)

RGB

RGB(88, 111, 164)

RGBA

RGBA(88, 111, 164, 1)

Paletas para cores #586fa4:

Abaixo exemplos de paletas de cores para cores HEX #586fa4

a cor mais escura dos tons escuros é #090b10 e a mais clara dos tons claros é #eef1f6

Paleta de tons escuros de #586fa4:

#4f6494

#465983

#3e4e73

#354362

#2c3852

#232c42

#1a2131

#121621

#090b10

#000000

Paleta de tons claros de #586fa4:

#697dad

#798cb6

#8a9abf

#9ba9c8

#acb7d2

#bcc5db

#cdd4e4

#dee2ed

#eef1f6

#ffffff

Paleta complementar de #586fa4:

#586fa4

#a48d58

Paleta triádica de #586fa4:

#586fa4

#a4586f

#6fa458

Paleta quadrada de #586fa4:

#586fa4

#a45895

#a48d58

#58a467

Paleta análoga de #586fa4:

#5895a4

#586fa4

#6758a4

Paleta complementar dividida de #586fa4:

#586fa4

#a46758

#95a458

Paleta retangular (tetrádica) de #586fa4:

#586fa4

#8d58a4

#a48d58

#6fa458

Paletas de cores sugeridas para #586fa4 HEX:

Paleta de cores com cor #586fa4 #1:

Paleta de cores com cor #586fa4 #2:

Paleta de cores com cor #586fa4 #3:

Paleta de cores com cor #586fa4 #4:

Paleta de cores com cor #586fa4 #5:

Contraste de cor

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

#586fa4

Razão de contraste

4.97:1

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

#586fa4

Razão de contraste

4.22:1

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

Imagem #586fa4 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